清除浮动内容的现代方法？答案

【问题标题】：The modern way to clear floated content?清除浮动内容的现代方法？
【发布时间】：2010-12-18 04:37:43
【问题描述】：

如今清除浮动内容的现代方法是什么？

有一种“最近的”现代方式在父元素上添加“.clearfix”来清除包含的浮动，这会很好用。事实上，这是我最喜欢的方法，并且仍然在我接触的任何网站上使用。它使每个浏览器都能正确呈现。

但是，我知道这有点像 hack，我最近在 google 上搜索发现很多前端开发人员也有同样的感受，并且想要一个更真实的解决方案。我发现的结果并不是很好。有一些解决方案，但它们只适用于 IE7+，有时在 Opera 上有些问题。

无论如何，我只是想知道这些天清除花车的最佳方法是什么？

【问题讨论】：

【解决方案1】：

只需将overflow:auto 添加到包含div 即可。 (explanation)

【讨论】：

【解决方案2】：

a) 以下是清算方法的总结以及优缺点：Methods for Containing Floats

b) 这篇标题为“How To Clear Floats Without Structural Markup”的文章包含一个标题：21 世纪风格

【讨论】：