外边距合并的意思是两个垂直排列的块的外边距可能发生(坍塌)合并, 仅保留较大的边距.

情况一:

两元素上下排列

情况二:

两元素是父子关系, 若此时父元素没有设定 border, margin(或者宽度为 0), 他们的上下边距也会发生合并.

情况三:

自身是一个有上下外边距的空元素, 如果没有 border 和 margin, 自身的上下外边距也会合并

如果这个空元素还与另一个元素垂直排列, 会继续发生合并

对象

只有普通文档流中的块元素会发生外边距合并, 如果是浮动块, 或者是绝对定位块, 他的外边距是不会合并的.