margin-top 塌陷 的解決方案

    在兩個盒子嵌套時候，內部的盒子設置的margin-top會加到外邊的盒子上，導致內部的盒子margin-top設置失敗，解決方法如下：

    1、外部盒子設置一個邊框   border
     2、外部盒子設置 overflow:hidden
     3、使用僞元素類：

      .clearfix:before{
      content: '';
      display:table;}