溢出：隐藏无法阻止边距崩溃

Question

overflow：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 {余量：20像素;溢出：隐藏}

Answer 1

溢出：隐藏不会与他们的in-flow孩子一起崩溃，但它会与其他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 px的保证金。从css类.mod-a，.mod-b：20px。

中删除边距

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