CSS Margin Collapsing

Question

因此，当您没有为给定的div元素设置任何页边距，填充或边框时，页边距折叠是否会发生？

Answer 1

不能。当您有两个相邻的垂直边距时，将使用两个中较大的一个，而另一个将被忽略。

因此，例如，如果您有两个块显示元素，A，其后是B，并且A的下边距为3em，而B的上边距为2em，则它们之间的距离将为3em 。

如果设置边框或内边距，则可以防止崩溃。在上面的示例中，两个元素之间的距离将为5em。

如果您没有设置任何边距，那么将没有任何边距要崩溃。它与使用中的元素类型无关，它适用于所有元素类型，而不仅仅是<div>元素。

阅读CSS 2.1规范以获取更多详细信息。