设置右浮动，又清除右浮动，不应该回到原位置吗？

老师，这个是给一个大的div盒子里写了3个小的div，原本他们的位置是在左边的，然后给3个小盒子设置了右浮动，去了右边，这个我理解。然后给他们清除浮动，222在111的下边，333在222的下边这个我也理解。我不清楚的是，既然清除浮动了，为什么还是在大的div的右侧呢？不是应该在默认原始的位置吗？在左侧才对吗？就像给他们设置左浮动又清除左浮动一样，都是回归到原始的位置。

王一宏 2020-04-09

源自：CSS3背景与渐变 1-1 课程介绍

10

收起

3回答

好帮手慕慕子 2020-04-10 09:37:03

同学你好，清除浮动是清除上一个浮动元素对自身的影响，但它本身还是浮动元素，即：右浮动。所以清除浮动的影响后还是会在大盒子右侧排列显示的。

同学试着再理解下，祝学习愉快~

好帮手慕夭夭 2020-04-09 15:48:44

同学你好，因为盒子本身设置了右浮动，肯定要在右侧显示哦。建议同学再看一下老师上次的回复，清除浮动是清除上一个浮动元素对自身的影响，它本身还是浮动元素。

祝学习愉快 ~

提问者王一宏 #1

抱歉老师，还是不理解。我理解，设置了左浮动，或者右浮动后，他们会排列在一行。也清楚，去除浮动后，第2个盒子会在第一个下边，第3个也会在第2个下边。这个我都清楚。就是不清楚，因为什么都不设置的时候，默认的三个盒子是在排在左边的，设置了右浮动，去右边排列，理解，设置右浮动又清除了右浮动，已经相当于没有任何设置了，不是应该回到默认的位置吗？就是在左边竖着排列。就是不清楚这个。其他的理解

2020-04-10 01:22:00

好帮手慕夭夭 2020-04-09 11:31:58

同学你好，清除浮动理解的不对。清除浮动是清除上一个浮动元素对自身的影响，它本身还是浮动元素。例如第二个盒子，受到第一个盒子影响，跑到第一行浮动。当给第二个盒子清除浮动，表示我不受第一个盒子影响了，所以它不会跑到第一行浮动，而是在第二行浮动了。再理解一下哦。

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

提问者王一宏 #1

还是没有理解了…我知道脱离第一个元素，但是不理解，为什么还在右边，，，

2020-04-09 15:01:21

相似问题

清除浮动指清除哪里的浮动

元素本来在容器内居左的，为什么加了右浮动，再清除右浮动，元素并没有回到原始位置？

何时该清除浮动

关于清除浮动clear的添加位置

关于清除浮动的理解

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

响应式开发与常用框架 2018

参与学习人
提交作业 2198 份
解答问题 5012 个

如果你有web端基础，既想进阶，又想进军移动端开发，那就来吧，我们专题为你带来的课程有HTML5、CSS3、移动基础、响应式、bootstrap、less等，让你在前端道路上畅通无阻！

本课精华内容

问答作业

图片高度不一样的问题

45 24

请问老师原理是什么

70 16

请问老师到底是什么机制

44 12

我的js为什么绑定不上啊

0 11

请问这个怎么解释

44 11

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载