清除两者或溢出隐藏，清除修复解决方案

Question

我正在设计使用div元素的少表网站，并且在父div元素中有许多左、右div元素。

现在，我使用另一个div元素自动修复父div高度：

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

但是，我知道了以下同样的工作：

<div style="overflow:hidden">
    <div style="float:left">...</div>
    <div style="float:right">...</div>
</div>

而且，我尝试过，它可以工作，并且减少了DOM元素的数量。

但我不知道它是不是cross-browser。

哪种方法是有效的，跨浏览器的？

Answer 1

overflow:hidden使元素建立一个新的块格式上下文。这修复了浮动容器中浮动的任何子级。这个CSS修复程序更实用，然后在clear:both样式的HTML中增加一个元素，并在所有现代浏览器(包括IE7+ )上工作。