什么是CSS崩溃边缘的地步？什么是CSS崩溃边缘的地步？(What is the point of

该CSS2盒模型告诉我们， 在垂直方向邻接利润率崩溃 。

我觉得很讨厌，是许多设计缺陷的根源。 我希望通过了解崩溃边缘的目的，我就明白何时使用它们，以及如何避免它们并不需要它们时。

什么是这个功能的目的是什么？

Answer 1:

的“保证金”一般的意义不在于传达“移动这种过度的10px的”，而是“必须有这个元素旁边空白处10px的。”

我一直觉得这是最容易的段落概念化。

如果你只是给了段落margin-top: 10px ，并且对任何其他元素没有利润，一系列段落将被精美的间隔。 不过，当然，你把另一元素的下段时会遇到麻烦。 这两个会触及。

如果利润没有崩溃，你会毫不犹豫地加margin-bottom: 10px到以前的代码，因为那么任何对段落会得到相隔20像素，而段落会从其他元素只10px的分离。

因此，垂直边距崩溃。 通过添加10px的顶部和底部边缘你说，“我不关心什么保证金规则的任何其他元素都有。我要求的填充至少10px的上面和下面各段我的。”

文章来源: What is the point of CSS collapsing margins?