div本来就是块级元素，.clearfix::after为何还要再转为块级元素？

# 具体遇到的问题
div本来就是块级元素，所以我理解都是.clearfix::after不需要再转为块级元素了，这里为何还要转呢？

# 报错信息的截图

# 相关课程内容截图
# 尝试过的解决思路和结果

# 粘贴全部相关代码，切记添加代码注释（请勿截图）

在这里输入代码，可通过选择【代码语言】突出显示

Livesinkon 2020-10-20

源自：浮动与定位 2-4 清除浮动

55

收起

3回答

好帮手慕码回答被采纳获得+3积分 2020-10-23 19:14:28

“weixin_慕沐1378591”同学你好，你的理解没有问题，但是本提问中，content是空的，所以这里就不考虑换行的因素哦。

祝学习愉快~

weixin_慕沐1378591 2020-10-23 17:56:16

感觉老师这里有点略过了::after伪元素里的content内容，这里实现的是在div块级元素的文字最后添加一个空，如果改成content:"123";的话就是下面这个效果，这个添加出来的123是行内元素，而行内元素会并列显示

所以需要转为块级元素，这样显示的时候会自动换行

去掉内容中的123改为content:''; display: block; 后就变成这样了

之前我也是困惑了很久，所以这个只是个人理解

weixin_慕沐1378591 #1

还有这个是关键clear:both clear表示清除浮动对自己的影响，both表示左右浮动都清除清除浮动后转为块级元素

2020-10-23 18:02:34

好帮手慕码 2020-10-21 10:00:19

同学你好，首先，这里是给clearfix元素的伪元素after添加样式哦：

（即clearfix元素和clearfix元素的伪元素不是同一个元素）

其次，after 伪元素默认为行内元素，所以这里是有必要给它设置为块级元素的。

祝学习愉快~

weixin_慕沐1378591 #1

快来看看我上面的回答有没有问题...

2020-10-23 17:57:26

相似问题

块级元素设置了display属性为table-cell后，是具有了行内元素的属性吗？

块级元素可包含某些块级元素

伪元素::after，整加的那个元素默认是行内元素嘛？

div不是本就是一个块级元素吗，为什么还要用display来转换

元素嵌套问题

登录后可查看更多问答，登录/注册

前端工程师2020

参与学习人
提交作业 7880 份
解答问题 15282 个

前端技术快速更迭，人才紧缺。带你从0基础开始，成为Web全栈工程师，转行就业更顺畅。

本课精华内容

问答作业

老师，我在xhr.send()出错了

93 2

老师好，这里虽然老师给了方法，但我想问问关于定位后的宽高

44 2

函数里面的参数是函数,那么里面作为参数的函数是如何调用的?

74 4

老师请检查

30 1

老师，关于ctx.set()我存在困惑

32 1

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载