html - 为什么 HTML5 BoilerPlate、Blueprint 和 960.gs CSS 框架使用 Clearfix 溢出 :hidden?

Question

为什么 HTML5 BoilerPlate、Blueprint 和 960.gs CSS 框架使用 Clearfix 而不是 overflow:hidden？

为什么 overflow:hidden 不是首选？要每次使用 clearfix 我需要将 clearfix 类添加到 html 元素，但我可以将 overflow:hidden 添加到 css 中的元素而无需修改html.

请举例说明使用overflow:hidden的缺点

clearfix 类没有将表示与内容混合在一起吗？

Answer 1

我认为 .clearfix 类不只是包含 overflow: hidden 的原因；是因为在某些情况下您不希望将溢出设置为隐藏，但您仍然希望元素自行清除。

关于在整个 HTML 中使用 class="clearfix"，我绝对同意这是“将表示与内容混合在一起”。

就我个人而言，我使用 SASS 来避免必须为所有内容使用类。使用 SASS mixin，我可以简单地去:

#foo {
    @include clearfix;
}

并且仍然可以从一个地方更改我所有的 clearfix 样式。