css3清除浮動

第一種：加空標籤（添加在浮動元素後面）

.clearfix{
     clear: both;
     width: 0;
     height: 0;
     overflow: hidden;
}

第二種：利用：after僞類（作用在浮動元素的父元素上）

        .clearfix:after {
            display: block;
            content: '';
            width: 0;
            height: 0;
            clear: both;
            visibility: hidden;
        }

第三種：向父元素上添加 overflow: auto

.clearfix {
            overflow: auto;
        }