明确：两者还是溢出：auto，哪个更好？

Question

我真的不明白 clear：both 和 overflow：auto

之间的区别是什么

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

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

溢出：auto可以在其中包含浮动的容器中使用。并且它不占用空格。

尽管如此，我对此表示怀疑，将来可能搞砸了我的代码。

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

hr clear vs div clear. Which is better?

3 column html template - content overflows though there is clear both and height is 100%

Answer 1

在容器具有设置高度的情况下，

overflow: auto（或hidden）至少 ，因为这会产生滚动条（或隐藏溢出的内容）

http://jsfiddle.net/xSzcC/

浮动清算无论如何都要由clear规则完成。

现代浏览器的明确定位是very easy now。

http://jsfiddle.net/xSzcC/1/

在链接腐烂的情况下，功能部分是：

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

.cf:after {
    clear:both;
}