CSS Margin Collapsing

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

回答:

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

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

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

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

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

以上是 CSS Margin Collapsing 的全部内容, 来源链接: utcz.com/qa/411468.html

回到顶部