css清除浮动的几种方法

第一种：

给父元素设置属性：overflow:hidden

缺点：会隐藏该元素超出的部分内容

第二种：

在浮动元素后面写一个空标签clear

设置属性：

.clear{clear:both}

缺点：增加无意义的标签

第三种：

在浮动元素的父元素增加一个clear属性

设置属性：

.clear:after{

       content:"";

       display:block;

       height:0;

       clear:both;

}

.clear{

      zoom:1;/*兼容ie*/

}

第四种：

双伪元素清除浮动

.clear:after,.clear:before{

          content:"";/*内容为空*/

          display:block;

          clear:both;

}

.clear{

         zoom:1;

}

推荐使用第三种方法。

转载于:https://www.cnblogs.com/lwhz/p/7614190.html