解决网页制作中常见问题：塌陷、外边距合并（面试必考）

• 解决塌陷问题

1. 给父元素加：overflow:hidden;
2. 给父元素设置高度；
3. 浮动元素下边加一个兄弟元素  div3

   #div3{
       clear:both;
        }

    

4. clear::after伪元素（快级）

   .clear::after{
               content = "";
               display:block;
               clear：both;
               }
   

   注：第一种方法较为常用  并且简单操作

• 解决外边距合并问题

1. 给父元素加：overflow:hidden;
2. 给父元素加边框：border:1px solid transparent;
3. 父元素或者子元素浮动； float：left/right;
4. 父元素或者子元素定位；position：absolute；

       注：第一种方法较为常用  并且简单操作