清除浮动内容的现代方法？
Posted
技术标签:
【中文标题】清除浮动内容的现代方法？【英文标题】：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 世纪风格
【讨论】：
以上是关于清除浮动内容的现代方法？的主要内容，如果未能解决你的问题，请参考以下文章