关于浮动问题

老师视频中讲到的用after清除浮动，是之前在css中讲过的清除浮动的第三种方法吧！

直接在header里面添加一个{overflow：hidden}不也可以达到同样的效果吗？为什么要那么麻烦。。。

好狗边上飘314 2019-10-12

源自：CSS3选择器 2-45 伪元素after（二）

28

收起

2回答

慕移动3569406 2019-12-16 16:41:23

还是有区别的，之前老师会在html结构里面增加一个无意义的空元素。

这次不需要在html结构里面添加空元素， html代码会更精炼，有意义。

overflow：hidden，虽然好用，但是它本来的用处是用来溢出隐藏的，如果元素本身不需要溢出隐藏就不能用这个属性。

慕移动3569406 #1

说错了，是如果元素不想要溢出隐藏，就不能用这个属性，比如：想让一个子元素相对于父元素定位，设置left:-100px，这时候如果给父元素设置overflow:hidden，就会把父元素外的部分裁剪掉, 也就是定位出去的子元素部分就看不见了。不知道说清楚了没..

2019-12-16 16:44:35
向学习者学习回复慕移动3569406 #2

也就是说不只是下面隐藏了，连左边可能也没有了，还有一个overflow-x和overflow-y，但是实际使用在实现清除浮动的影响上，却可能出现不必要的其他问题。

2023-04-23 18:31:01

好帮手慕码 2019-10-13 10:36:57

同学你好！
是的overflow：hidden也是清除浮动的一种方法。老师这里只是给同学展示另一种清除浮动的思路。在实际开发中，同学可以根据自己的喜好去选择使用哪一种，不局限的~

如果帮助到了你，欢迎采纳，祝学习愉快~

相似问题

关于div的浮动

关于浮动的疑问

关于浮动重合的问题

关于浮动的问题

关于清除浮动的理解

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

1.前端零基础入门

参与学习人
提交作业 8403 份
解答问题 40143 个

本阶段为你揭开日常所见网页的神秘面纱，炫酷的动效并不难得，带你从基础知识到静态网页布局，再到用JS实现动态网页开发，轻松迈入前端开发的大门。

本课精华内容

问答作业

关于浏览器兼容性代码疑问

16 1

请老师检查

65 3

没有明白，为什么height是90，padding-top为60。它就居中了？

26 3

关于三种常用的清除浮动方法的优劣对比，请老师简单讲一讲

18 1

进击的小白们加油。分享一下我做最后这个项目作业的感受

188 1

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载