清除:两者还是溢出:auto,哪个更好？

Question

我真的不明白clear之间有什么区别:both和 overflow:auto

我测试了它并且功能以相同的方式工作,有人解释为什么这两个工作方式相同吗？

从我在一些文章和问题中看到的,

overflow:auto可以在容器里面使用浮点数.并且它不占用任何空间来使用空div.

不过,我对它有疑问,它可能会在将来搞砸我的代码.

以下是与我的问题类似的问题列表.然而,它没有我的问题的答案,可能它对我来说模糊.

Answer 1

overflow: auto(或hidden)至少在容器具有设定高度的情况下是不可接受的,因为这将产生滚动条(或隐藏溢出的内容).

clear无论如何,浮动清除都是由规则完成的.

现在,对现代浏览器进行清晰的修复非常容易.

在链接腐烂的情况下,功能部分是:

.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}