关于clearfix的问题

Question

.clearfix:after{
content:’’;
display:table;
clear:both;
}
老师，clearfix后面为什么要写伪类after呢？我尝试不写after，中间三栏都会挤到左边去，这是什么原理呢？

Answer 1

双越 2020-06-30 18:53:33

加上 :after 伪类，相当于是在该元素下面加一个元素，然后使用这些 css 属性。

如果不加 :after 未来，那这个 css 属性就会被加在当前的元素上。

clearfix 是很早就有的一种写法，当时要兼容各个浏览器。目前你这种写法（不加 :after 伪类）如果也可行的话，那我猜测是现代浏览器做的一个兼容。

但是，在项目中写 clearfix 的话，还是建议按照课程的写法来。

• 提问者 雪鹅 #1

  非常感谢！