Html 为什么我能'；不要在id页脚上使用背景色

我想复制谷歌主页，我想填充

div

id页脚上的背景色。但它不起作用

这是我的代码：

已编辑

Wesley Lachenal很好地回答了

和

在左右浮动中

最好是将

哪个

.clear{clear:both；}

在页脚

是这样的

   <div id="footer">
     <ul class="first">
       <li><a href="#">Advertising</a></li>
       <li><a href="#">Business</a></li>
       <li><a href="#">About</a></li>
      </ul>
      <ul class="second">
        <li><a href="#">Privacy & Terms</a></li>
        <li><a href="#">Settings</a></li>
        <li><a href="#">Use Google.com</a></li>
      </ul>
     <div class="clear"></div>
   </div> 

<div id="footer" class="auto-clear">
<-- content here -->
</div>

将

自动清除

类放在浮动的父级上

因此，这就像

您可以删除

所以是这样的

   <div id="footer">
     <ul class="first">
       <li><a href="#">Advertising</a></li>
       <li><a href="#">Business</a></li>
       <li><a href="#">About</a></li>
      </ul>
      <ul class="second">
        <li><a href="#">Privacy & Terms</a></li>
        <li><a href="#">Settings</a></li>
        <li><a href="#">Use Google.com</a></li>
      </ul>
     <div class="clear"></div>
   </div> 

<div id="footer" class="auto-clear">
<-- content here -->
</div>

---

试试这个。只需将“溢出：自动”添加到#页脚，就会显示背景色。当容器div中有float div时，通常必须处理容器div的overflow属性。

您没有任何背景色，因为两个嵌套div都有

float:left

，一旦在元素上使用float，它就失去了高度

所以基本上你有一个0px高的包裹，你看不到任何颜色。您可以通过在第二个float DIV之后添加另一个DIV来解决此问题，该DIV带有

清除：fix

，这将清除所有嵌套元素，并显示

背景色：

我希望这能帮助你和你学到新的东西：）。。。祝你的项目好运

---

此外，@Asbar-answer也可以工作。我对他的答案投了赞成票

页脚的固定高度不是答案。清除浮动的元素是非常困难的。