CSS外边距叠加的问题

当两个或者更多垂直外边距相遇时，它们将形成一个外边距，这个外边距的高度等于两个发生叠加的外边距的高度中的较大者。

具体的情况有：

1.当一个元素出现在另一个元素上面时，第一个元素的底外边距与第二个元素的顶外边距发生叠加。

2.当一个元素包含在另一个元素中时（假设没有内边距或边框将外边距隔开），它们的顶或底外边距也会发生叠加。

3.对于一个空元素，其外边距甚至可以与本身发生叠加，如果它碰到另一个元素的外边距，它还会发生叠加。正因为如此，一系列的空的段落元素还能占非常小的空间。

只有普通文档流中块框的垂直外边距才会发生外边距叠加。行内框、浮动框或绝对定位框之间的外边距不会叠加。