CSS外边距叠加

外边距叠加发生在上下外边距之间,左右外边距不会发生叠加的情况;叠加之后的外边距高度等于发生叠加之前两个外边距中的最大值

外边距叠加有三种情况:

(1)同级元素之间

当一个元素出现另一个元素的上面的时候,第一个元素的下边距会和将会与第二元素的上边距会发生合并

(2)父子元素之间

父元素与子元素之间的上下外边距也会发生合并,当父元素与子元素之间没有border或者padding分隔开的时候,这种情况就会发生

(3)空元素

空元素没有border或者padding的时候,上下外边距将会合并

外边距叠加存在,往往能使我们在进行排版的时候可以确保段落之间的距离相等

原文地址:https://www.cnblogs.com/runhua/p/6426379.html