web知识，学到就是赚到

 margin的塌陷

             嵌套的块级元素，它的垂直外边距会塌

         当父元素没有padding和border的时候，子元素与父元素直接相邻  ，

          子元素的margin值会传递给父元素，

         并且再次与父元素的margin值发生复合，取两个值的最大值，负值会取绝对值的较大值

        解决方法：①给父元素设置边框或者内填充（慎用）

                 ② 给父元素设置overflow：hidden；改变渲染规则-BFC

     -->

     <!--

        相邻元素的垂直外边距会合并

           当两个 块级的兄弟元素垂直方向上的margin值直接相遇，会发生合并

        最终结果取较大值，负值时取绝对值较大值

        解决方法：①尽量只定义 其中一个的margin值，避免直接相遇

                 ②给其中一个盒子加父元素，给父元素加overflow：hidden；改变渲染规则