CSS外边距叠加

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

外边距叠加有三种情况：

（1）同级元素之间

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

（2）父子元素之间

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

（3）空元素

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

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