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;
}
推荐使用第三种方法。