margin重叠问题的解决方案

一、水平方向

        水平方向不会发生多个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;

           

              注：以上方案分清关系使用一种即可。