一、水平方向
水平方向不会发生多个div的margin重叠的现象,不做讨论。
二、垂直方向
1、同级关系margin重叠
解决方案:a、float:left | right ;
b、display:inline-block;
2、父子关系margin重叠
解决方案:a、给父级加 overflow:hidden;
b、给父级加 padding-top:1px;
c、给父级加 border:1px solid transparent;
d、给子级加 position:absolute;
注:以上方案分清关系使用一种即可。