margin合并

不同情况的margin合并

两个竖直方向上相邻的margin会发生合并。合并的margin的高度等于两者中的较大者。

兄弟关系

父子关系

当父元素没有设置内边距或边框，以及没有触发BFC时，如果子元素的margin值大于父元素的margin值，就会发生margin塌陷。解决方法是给父元素添加边框或内边距，但不建议使用，因为会破坏布局。

空元素

解决办法

解决办法就是让元素产生BFC即可。