前端设计>css>正文

上一篇: CSS样式：背景属性、文本属性
下一篇: CSS雪碧图片定位

CSS清除浮动代码

2019-01-24 12:03 君语贤代码清除浮动

CSS清除浮动代码

终极版一：

.clearfix:after {
content:"200B";
display:block;
height:0;
clear:both;
}
.clearfix {*zoom:1;}/*IE/7/6*/

解释下:content:"200B";这个参数，Unicode字符里有一个“零宽度空格”，即 U+200B，代替原来的“.”，可以缩减代码量。而且不再使用visibility:hidden。

终极版二：

.clearfix:before,.clearfix:after{
content:"";
display:Table;
}
.clearfix:after{clear:both;}
.clearfix{
*zoom:1;/*IE/7/6*/
}