清除两者或溢出隐藏，一个clearfix解决方案

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元素的数量。

但我不知道它是否是跨浏览器。

哪种方法有效并且跨浏览器？

Answer 1

overflow:hidden使元素建立新的block formatting context。这可以修复浮动在其中的任何子项的浮动包含。这个CSS修复更实用，然后在HTML中添加一个带有clear:both样式的附加元素，适用于所有现代浏览器，包括IE7 +。