CSS教程：div设置float后高度不自动增加

相关文章：http://www.VeVb.com/css/divcss-4952.html

　　　　http://www.VeVb.com/css/divcss-5991.html

本来想把这个题目修改为“闭合浮动元素”或“清除浮动元素”，但想了一下，还是不修改为好。因为从这个题目我们可以更加容易的看出，如果您没有闭合(清除)浮动元素，它将造成的后果是-----div的高度不能自动增加。

言归正传
目前用来清除“闭合(清除)浮动”的方法，主要是一下四种：

1.    额外标签法

这种方法就是向父容器的末尾再插入一个额外的标签，并令其清除浮动（clear）以撑大父容器。这种方法浏览器兼容性好，没有什么问题，缺点就是需要额外的（而且通常是无语义的）标签。
我个人不喜欢这种方法，但是它确实是w3c推荐的方法

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

或者使用