在浮动（float）的div后加clear属性，这可以解决背景的自适应高度问题。怎么加才能让不同浏览器都好使？IE中有默认行高，这是要解决的问题。必须把行高给清掉，可以用font-size:0px或line-height:0px；具体写法如下：

.clear{clear:both;line-height:1px;}

这里要注意不能用以下方法：

.clear{clear:both}可以使高度向下延续，但是会自动产生行高；

.clear{clear:both;height:0}在 FireFox 中清除了行高，但是 IE 里不认；

.clear{clear:both;height:1%}在 FireFox 和 IE 中仍然不认。

以上三种方法都解决不了问题。另外就是在 CSS 语法中height的值不要用百分数，没有用。