css - 向所有 div 添加 clearfix 有什么缺点吗？

Question

在我正在处理的布局上(在大多数情况下，否则)，我想不出任何我不希望 div 不包含其 float 子项的情况。所以我在想，与其向每个需要它的元素(主要是容器 div)添加一个 clearfix 类，不如像这样让所有 div 都已经 clearfixed:

div:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

这样做有什么缺点吗？在测试我当前的布局时我真的看不到任何东西，但也许一些更有知识的人比我更了解。

Answer 1

如果你这样做，那么你将永远无法让多个 float 的 div 相互水平堆叠，因为你的 clearfixes 妨碍了。

所以在某种程度上，对每个 div 元素进行 clearfix 会使 float 它们以及相关元素的效果无效。

这就是为什么文章经常建议将 clearfix 应用于某个类，然后将所需的元素改为该类:

.cf:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}