外边距合并的意思是两个垂直排列的块的外边距可能发生(坍塌)合并, 仅保留较大的边距.
情况一:
两元素上下排列
情况二:
两元素是父子关系, 若此时父元素没有设定 border, margin(或者宽度为 0), 他们的上下边距也会发生合并.
情况三:
自身是一个有上下外边距的空元素, 如果没有 border 和 margin, 自身的上下外边距也会合并
如果这个空元素还与另一个元素垂直排列, 会继续发生合并
对象
只有普通文档流中的块元素会发生外边距合并, 如果是浮动块, 或者是绝对定位块, 他的外边距是不会合并的.