清除浮动的当前最佳解决方案是什么，例如“<div style =”clear：both“> </div>”？

Question

我用过

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

清除花车......并且已经看到了

的情况

<div style="clear: both; height: 1px; line-height: 1px"></div>

并且看过clearfix，有些隐藏.并使其与背景颜色相同。现在Compass和Blueprint也有一个+clearfix。目前清除浮动的最佳方法是什么，现在可能我们不需要支持IE 6？

Answer 1

根据具体情况，我主要使用overflow或float父元素。没有最好的解决方案。

Answer 2

我实际上喜欢这里解释的方法：http://www.quirksmode.org/css/clearing.html。它不会在html中添加额外的元素。

Answer 3

我已经了解到了   content: "";   display: table;   clear: both; 在IE 8 +之后使用所有浏览器

Answer 4

我喜欢clearfix。阅读本文（直到现在才知道）：Everything you Know about Clearfix is Wrong。