<divstyle="margin-bottom:50px;background-color:#f00;height:100px;"></div>

 

　　<divstyle="margin-top:80px;background-color:#00f;height:100px;"></div>

 

　　页面中，上div的下边距margin-bottom为50px.下div的上边距 margin-top:80px.

 

　　实际显示只有80px，原因是下div的上边距包含了上div的下边距。

 

　　同理：如果上div的下边距为80px，下div的上边距为50px，那两个div之间的距离也为80px.

 

　　总结：出现两个div都设置了margin的上下边距时，这两个div之间的距离不是累加而是取边距设置的比较大那一个。