浮动问题3

我看了你给其他人的回复，下面是你回复的原话“在没有设置黑色时，由于黄色和蓝色设置了浮动，因此不能够撑起父元素（红色区域）的高度以及宽度。设置了黑色之后由于黑色没有设置浮动，所以将父元素（红色区域）撑起来了。”

DIV4设置清除浮动，是不是上面的黄色和蓝色就没有浮动效果了，重新变成了文档流。如果是这样的话蓝色为什么还跟在黄色的后面，而不是下面

源自：CSS浮动 5-1 清除浮动

收起

2回答

提问者慕UI1578266 2020-03-17 16:46:31

div2和div3既然还浮动那它们是不占一行的，div4没有浮动应该顶上去在黄色下面独占一行

好帮手慕阿慧 #1

同学你好，1、div4不清除浮动前，div4是顶上去的，页面效果就是div4被div2和div3遮住了，div4的内容只能看到一部分。 2、div4清除浮动之后，div4就在div2和div3下方占了一行。

2020-03-17 17:09:14
提问者慕UI1578266 回复好帮手慕阿慧 #2

div2和div3既然还浮动那它们是不占一行的，div4没有浮动应该顶上去被黄色覆盖，和黄色是上下两层，独占一行

2020-03-17 18:48:44
好帮手慕阿慧回复提问者慕UI1578266 #3

因为添加了清除浮动，所以div4在下方。本节课将的是清除浮动。同学需要知道清除浮动的用处和作用。

2020-03-17 19:13:27