外边距合并
第一种外边距合并的情况:
当两个块级元素,上面块级元素拥有下外边距(margin-bottom),下面的块级元素拥有上外边距(margin-top)的时候。则两个盒子上下的距离会取两个边距的最大值。不是把两个盒子的边距进行相加。
第二种外边距合并的情况:
对于两个嵌套的块元素。如果父元素没有设置上边框和上内边距的话,父元素的上边距会和子元素的上边距发生合并,合并后的外边距为两者的最大值,即使父元素上边距为0,也会发生合并。
外边距合并
第一种外边距合并的情况:
当两个块级元素,上面块级元素拥有下外边距(margin-bottom),下面的块级元素拥有上外边距(margin-top)的时候。则两个盒子上下的距离会取两个边距的最大值。不是把两个盒子的边距进行相加。
第二种外边距合并的情况:
对于两个嵌套的块元素。如果父元素没有设置上边框和上内边距的话,父元素的上边距会和子元素的上边距发生合并,合并后的外边距为两者的最大值,即使父元素上边距为0,也会发生合并。