请问浮动是在文档流的上一层吗？
来源：4-4 浮动
Mayonate
2019-09-10 16:37:07
还有一个问题，第一次设置div1左浮动，为什么“第二个”会显示在div2的下方。同理第二次设置div1右浮动，div2左浮动，为什么“第三个”显示在div2的下方。即文档流的div被完全覆盖的时候，内容文字为什么会显示在div的下方。这些文字不是div里的内容吗？
写回答
1回答
-
好帮手慕小班
2019-09-10
同学你好，1、浮动就是脱离了标准文档流，漂浮在上面，所以也叫脱标流，它是在标准文档流的上面，所以当设置了浮动后，它会在最上面的那一层显示。
2、这里同学是想问class为div2的内容也就是红色的div为什么会在div1黄色的下面吧
三个区域都是div，因此它们都默认占一行，此时一共占3行
当黄色的div脱标之后，红色和蓝色各占一行。因为黄色覆盖了红色。蓝色在第二行（红色没有脱标，只是被覆盖了），第三个蓝色在第二行。
同理在第二个红色设置浮动后，也会上升到脱标流。
3、文字显示在下方，这个是浮动的特点，如果第三个div的宽度比第二个div要大，文字会显示在右侧，如下所示:
现在第三个div没有第二个div宽，所以就被显示在下方了，总之文字是会显示出来的。
如果我的回答解决了你的疑惑，请采纳！祝学习愉快！
0
相似问题