外边距叠加发生在上下外边距之间,左右外边距不会发生叠加的情况;叠加之后的外边距高度等于发生叠加之前两个外边距中的最大值
外边距叠加有三种情况:
(1)同级元素之间
当一个元素出现另一个元素的上面的时候,第一个元素的下边距会和将会与第二元素的上边距会发生合并
(2)父子元素之间
父元素与子元素之间的上下外边距也会发生合并,当父元素与子元素之间没有border或者padding分隔开的时候,这种情况就会发生
(3)空元素
空元素没有border或者padding的时候,上下外边距将会合并
外边距叠加存在,往往能使我们在进行排版的时候可以确保段落之间的距离相等