清除浮动写法
来源：3-8 布局-解题-4
慕函数9246930
2020-07-30
/* 手写 clearfix */
.clearfix::after {
content: '';
display: block;
height: 0;
visibility: hidden;
clear: both;
}
.clearfix {
*zoom: 1;
}为什么之前学的都是这样写，有什么区别吗？
写回答
1回答
-
夜魇丶
2020-07-30
这三行是比较关键的。我写clearfix也只写这三行…
.clearfix::after {
content: '';
display: block;
clear: both;
}下面这两行是让高度为0并隐藏（依旧占据空间），但是content里面没有内容的话。加不加下面这两行也无所谓（我是这么理解的。说错了麻烦指正）
height: 0;
visibility: hidden;zoom:1是为了兼容IE6。IE6不支持:after这种伪类。
00
相似问题