清浮动的几种方式



浮动是我们经常会用到的，自己在写代码的过程中总结了以下几种，欢迎大家指正补充~

        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不兼容，但是目前使用最多的方式