当前位置: 首页 > 面试题库 >

CSS Margin Collapsing

俞新翰
2023-03-14
问题内容

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


问题答案:

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

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

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

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

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



 类似资料:

相关阅读

相关文章

相关问答