为什么CSS Margin会崩溃？

Question

我知道有时垂直边距可能会崩溃，我不明白为什么他们在W3C规范中选择了这种行为。

当我想为所有内容定义相同的边距并避免边距总结时，我只能看到这是有用的，但这在水平边距上也很有用，而且那些不会崩溃！

有谁知道为什么允许利润率崩溃？

Answer 1

想象一下，你有2个HTML框。第一个是底部，比如30px，第二个是20px的边缘顶部。在应用了边距折叠规则后，这两个框之间的边距为30px（不是50px）。这是因为没有添加两个边距但是应用了两者的最大值。此行为称为折叠边距，仅适用于垂直边距。

这通常是一种很好的行为，但是边缘的崩溃也会令人讨厌。