关于clearfix的问题

来源：3-8 布局-解题-4

雪鹅

2020-06-30

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

写回答

1回答

双越

2020-06-30

已采纳

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

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

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

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

雪鹅

非常感谢！

2020-07-01

共1条回复

一天时间高效准备前端技术一面匹配大厂面试要求

针对时下面试高频考点，帮助新人js面试快速通关

4694 学习 · 1681 问题

相似问题

回答 1

回答 2

回答 2

回答 1

回答 1