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

Question

这些天清除浮动内容的现代方法是什么？

在父元素上添加“.clearfix”的“最近”现代方法是清除包含的浮点数，这样做效果很好。事实上，这是我最喜欢的方法，仍然在我触摸的任何网站上使用它。它使每个浏览器都能正确呈现。

然而，我知道这有点像黑客，我最近搜索了很多前端开发人员都有同样的感觉，想要更真实的解决方案。我发现的结果并不是很好。有一些解决方案，但它们只适用于IE7 +，有时候在Opera上有些麻烦。

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

Answer 1

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

Answer 2

a）以下是清算方法的综述以及利弊：Methods for Containing Floats

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