margin常见bug及解决方法

       1、清除浮动的元素设置margin-top时，需要把上面的距离填满，才往下移动

              解决方法：

                     1、把margin-top换成给上面的浮动元素设置margin-bottom

                     2、给浮动的元素套层父元素，用高度隔开

       2、两个盒子上下的margin会重叠，谁的值大设置谁，左右不会重叠

              解决方法：

                     1、BFC解决

                     2、只给一个盒子设margin

       3、margin-top的传递问题:                              

                      父元素下的第一个子元素设置

                      margin-top会错误的传递给父元素

              解决方法

                     1、父元素的设置

                            设置border-top

                            设置padding-top

                            设置overflow:hidden; 内容超出隐藏

                            设置float，不推荐 

                     2、子元素

                            设置浮动float  脱离文档流