菜鸟笔记:块级元素margin垂直距离会合并问题

第一种情况:

红盒子下边距为50px,紫盒子上边距也为0px,测量得到两个盒子垂直距离为50px.


第二种情况:
红盒子下边距为50px,紫盒子上边距也为50px,但是测量得到两个盒子垂直距离也为50px.


第三种情况:
红盒子下边距为50px,紫盒子上边距为100px,但是测量得到两个盒子垂直距离100px,这时两个盒子的距离变为两个盒子中较大的值,并没有发生叠加情况