什么是CSS崩溃边缘点?

CSS2盒子模型告诉我们相邻的垂直边缘崩溃 。

我觉得很烦人,成为许多devise错误的来源。 我希望通过理解利润率的目的,了解何时使用它们,以及在不需要时如何避免它们。

这个function的目的是什么?

“边距”的一般含义并不是要传达“超过10px”,而是“在这个元素旁边必须有10px的空白空间”。

我总是发现这是最简单的段落概念化。

如果你只是给了margin-top: 10px段落,而没有任何其他元素的边距,那么一系列的段落将被精确地分隔开来。 但是当然,在段落下放置另一个元素时会遇到麻烦。 两人会碰。

如果边距没有折叠,那么你会犹豫在前面的代码中添加margin-bottom: 10px ,因为那么任何一对段落的间距都将是20px,而段落与其他元素的距离只有10px。

所以垂直边缘崩溃。 通过添加10px的顶部和底部边距,您会说:“我不在乎其他元素的边距是多less,我要求每个段落的上下至less填充10px。