css - 溢出：隐藏不能防止折叠边距

Question

溢出：hidden 可以建立一个新的阻塞格式上下文，阻塞格式上下文可以防止折叠边距。但在这个例子中，它不起作用，它们之间的差距仍然是 20px。为什么？ http://www.w3.org/TR/CSS2/visuren.html#block-formatting
http://www.w3.org/TR/CSS2/box.html#collapsing-margins

.mod-a,.mod-b{margin:20px;overflow:hidden}

Answer 1

overflow:hidden不会与流入的孩子一起折叠，但会与其他 DIV 一起折叠。像这样写：

div{
    margin:20px 0;
    background:red;
    width:50px;
    height:50px;
    float:left;
    clear:left;
}

检查这个http://jsfiddle.net/fXz57/

Answer 2

溢出与边距或填充无关。如果您不想要边距，请设置margin为 0 而不是尝试更改overflow.

Answer 3

有边距，因为在您的班级中，您已将边距设为 20 像素。从 css 类 .mod-a,.mod-b:20px 中删除边距。

溢出隐藏与此无关。当您在其他标签中有一个长元素时使用它，其宽度为 50 px，内部文本为 200 px。然后溢出：隐藏将隐藏其他