请教浮动问题

视频中要给1，2，3，三个div的盒子清楚浮动。老师演示的是先清除了第一个盒子div1的浮动。可是清除了div1的浮动以后。不是应该div1就不浮动了吗？不浮动的话那么不是应该div2div3的盒子依次往前移。并且div2会覆盖div1的呀。为什么所有div的颜位置会不变呢

愛码仕 2020-04-23

源自：float浮动 2-10 清除浮动语法

25

收起

4回答

好帮手慕慕子回答被采纳获得+3积分 2020-04-23 09:45:34

同学你好，清除浮动是指清除浮动带了的影响。

给蓝色盒子设置clear:left，相当于清除蓝色盒左侧浮动元素带来的影响，但是由于蓝色盒子左侧没有任何元素，所以页面效果不会发生任何改变。

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

WittChen 2020-04-23 09:52:43

同学你好，我也是学员之一，偶然间看到这个问题，趁着老师还没回答，我也想讨论讨论，不知道理解对错，123浮动规则应该是，碰到前面一个浮动元素后停止，我们使用了clear清除了浮动，清除的只是他的表现形式，它本身还是一个浮动元素，这样就解释了为什么不会覆盖了，你在3后面加一个元素4，不设置浮动那么这个元素会被覆盖

提问者愛码仕 #1

同学你好，你说的很对。我觉得课程里如果能详细解释一下清楚浮动的准确意义就好了。但看“清楚浮动”这四个字太容易产生误解。清除浮动是清除上一个元素对自身带来的影响。但浮动是一直存在的。

2020-04-23 23:04:11

提问者愛码仕 2020-04-23 05:22:44

蓝色被清除浮动以后，红色和黄色还是处于浮动状态的呀。为什么最后现实的结果蓝色方框没有被红色和黄色覆盖掉呢。不是清除不让他浮动了吗

提问者愛码仕 2020-04-23 05:20:19

相似问题

关于浮动的问题

浮动问题3

清除浮动问题

请问5.1清除浮动章节内容中的浮动问题

浮动之后居中

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

1.前端零基础入门

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

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

本课精华内容

问答作业

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

16 1

请老师检查

65 3

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

26 3

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

18 1

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

188 1

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载