最近我查看了一些网站的代码,发现每个人<div> 都有一个班级clearfix.
经过快速谷歌搜索,我了解到它有时适用于IE6,但实际上是什么是一个clearfix？
与没有clearfix的布局相比,您能提供一些带有clearfix的布局示例吗？
我希望我的容器div能够达到孩子身高的最大高度.不知道孩子div的身高.我正在试用JSFiddle.容器div是红色的.没有出现.为什么？
您知道这个古老的问题:包含浮动元素的容器不会自动扩展其高度以包围其子级.
修复此问题的一种方法是"clearfix",它添加了许多CSS规则以确保容器正确伸展.
但是,只是提供容器overflow: hidden似乎也可以正常工作,并具有相同的浏览器兼容性.
根据本指南,这两种方法兼容当今所有重要的浏览器.
这是否意味着"clearfix"已被弃用？使用它还有什么好处overflow: hidden吗？
这里有一个非常相似的问题:clearfix hack和overflow之间有什么不同:hidden vs overflow:auto？ 但问题并没有真正回答那里.