清浮動的幾種方式



浮動是我們經常會用到的，自己在寫代碼的過程中總結了以下幾種，歡迎大家指正補充~

        1、.clearfix：利用空標籤增加clearfix類清除浮動（空標籤必須是塊級元素，且空標籤不能有浮動）。        
               .clearfix{
                   clear:both;
                   zoom:1;//兼容IE6，清除浮動
              }

              劣勢：會增加一個多餘的空標籤
      2、讓父元素也浮動（一般不建議使用）
      3、overflow: hidden/auto(一般最好用auto,hidden可能對網站的優化不友好);
      4、對僞元素清浮動
          ul:after{
               content:"";
               display:block;
               clear:both;
         }
          劣勢：對低版本的ie不兼容，但是目前使用最多的方式