CSS保证金收缩

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

解决方法

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

所以,例如,如果你有两个块显示元素,A,其后面是B,A的底边距为3em,而B的顶边距为2em,则它们之间的距离为3em 。

如果设置边框或填充,则可防止发生折叠。在上述示例中,两个元素之间的距离将为5em。

如果您没有设置任何边距,则不会有任何边距折叠。它与使用的元素类型无关 – 它适用于所有元素类型,而不仅仅是< div>元素。

有关详细信息,请参阅the CSS 2.1 specification

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效