CSS保证金收缩

前端之家收集整理的这篇文章主要介绍了CSS保证金收缩前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
因此,当您没有为给定的div元素设置任何边距或填充或边框时,本质上会发生边距折叠?

解决方法

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

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

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

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

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

猜你在找的CSS相关文章