浮动是我们经常会用到的,自己在写代码的过程中总结了以下几种,欢迎大家指正补充~
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不兼容,但是目前使用最多的方式