老师，可以给我详细讲讲方法三吗？

方法三的实现原理弄不明白

下载视频

强2408273 2021-09-13

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

35

收起

1回答

好帮手慕然然回答被采纳获得+3积分 2021-09-13 16:01:08

同学你好，方法三是利用:after选择器，在div元素的最后插入一个块级子元素，并给该子元素设置clear: both属性。

其中clear属性定义了元素的哪边上不允许出现浮动元素，both表示左右两侧均不允许出现浮动元素，所以该子元素左右两侧浮动元素的影响被清除，从而实现清除浮动的目的，如图

祝学习愉快！

DanielDu87 #1

为什么这个方法一定要设置为块级元素

2021-11-14 19:04:36
好帮手慕然然回复 DanielDu87 #2

同学你好，.clearfix::after生成的伪元素默认是一个行内元素，由于行内元素的特性，设置clear: both后达不到清除浮动的效果，所以要设置成块级元素，同学可以把它看成一个规定，记住即可。
祝学习愉快！

2021-11-15 12:00:30

相似问题

给讲这节课的老师点赞

请问视频只是讲了命令行创建模板，但是没有讲通过pycharm怎么创建模板

老师讲的太啰嗦了。到底是讲算法还是讲语法？？？

老师这个老师这节课讲的是啥？没听明白

老师，你这是讲课还是讲相声？？

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

前端工程师

参与学习人
提交作业 15661 份
解答问题 17891 个

入行前端，是明智的选择！市场需求大，就业前景好，入行门槛低，小白易上手全新升级:技术更新,Vue3.0/TypeScript/React17.x; 技术更全面,从0基础到全栈开发再到大型项目构建

本课精华内容

问答作业

老师,请问vscode有哪些好用的插件推荐一下...

157 1

老师,API具体是指什么呢?

75 1

老师,这两种情况为什么得到的结果不一样?

31 2

没有思路

200 5

老师给点提示。

155 1

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载