話不多說，直接上

1.防止子元素的margin越界

     .parent:before {
                       content: '  ';
                      display: table;
         }
         其他辦法還有:
         父元素設定padding-top；
         父元素設定邊框;
         父元素設定overflow:hidden;等

2.清除子元素的浮動對父元素及後續元素造成的影響

    .parent:after {
         content: '  ';
         display: table;
         clear: both;
     }