因此,当您没有为给定的div元素设置任何边距或填充或边框时,本质上会发生边距折叠?
解决方法
否。当您有两个相邻的垂直边距时,使用两个较大的边距,另一个被忽略。
所以,例如,如果你有两个块显示元素,A,其后面是B,A的底边距为3em,而B的顶边距为2em,则它们之间的距离为3em 。
如果设置边框或填充,则可防止发生折叠。在上述示例中,两个元素之间的距离将为5em。
如果您没有设置任何边距,则不会有任何边距折叠。它与使用的元素类型无关 – 它适用于所有元素类型,而不仅仅是< div>元素。
有关详细信息,请参阅the CSS 2.1 specification。