Html CSS标题问题

我是css初学者，有点小问题。我试图制作一个简单的标题，标题左侧有logo，左侧有一些元素（util）。代码如下。它可以工作，但我将标题背景设置为绿色，当我打开页面时，它就消失了。我做错了什么？

身体
{
填充：0；
保证金：0；
字体：小写Arial，Helvetica，Verdana，无衬线；
}
#包装纸
{
左边框：1px实心#000000；
右边框：1px实心#000000；
左缘：20%；
保证金权利：20%；
}
#标题
{ 
背景颜色：绿色；
}
#标志
{
背景：url（/images/logo.gif）；
背景重复：无重复；
宽度：94px；
高度：24px；
浮动：左；
}      
#利用率
{
填充：0；
浮动：对；
}

标题中有浮动元素。这就是为什么它表现得好像没有孩子一样。所以试试看

#header
{ 
    background-color: #0f0;
    overflow: hidden; 

}

---

标题中已浮动元素。这就是为什么它表现得好像没有孩子一样。所以试试看

#header
{ 
    background-color: #0f0;
    overflow: hidden; 

}

---

这看起来像是一个清算问题。由于父容器中有两个浮动元素，因此需要“清除”它们。您可以通过多种方式来实现这一点

1） 将以下内容应用于标题：

#header
{
  overflow:hidden;
  height: 1%;
}

或

2） 在关闭表头div之前添加清算div

<div style="clear:both"></div>

---

这看起来像是一个清算问题。由于父容器中有两个浮动元素，因此需要“清除”它们。您可以通过多种方式来实现这一点

1） 将以下内容应用于标题：

#header
{
  overflow:hidden;
  height: 1%;
}

或

2） 在关闭表头div之前添加清算div

<div style="clear:both"></div>

您应该在CSS中使用#header:after{clear:both；}而不是额外的div。您应该在CSS中使用#header:after{clear:both；}而不是额外的div