课程中强调的float之后，元素依旧处于标准文档流中，但是猿问中有不少反对答案

慕前端0185898

2016-10-24

源自：网页布局基础 3-1

关注问题我要回答

490

操作

收起

3 回答

水秋玄回答被采纳 +3 积分
2016-10-24

如图，left块浮动后（浮起来了），main这个块的红色背景颜色是在left块下面（浮动后不占用背景层的空间），但是文字却是在left块后面（也就是浮动后占用了内容层的空间），所以他是处于标准文档流的。

1 回复有任何疑惑可以回复我~

收起回答

慕前端0185898 提问者

非常感谢

2016-10-24 回复有任何疑惑可以回复我~

慕前端0185898 提问者
2016-10-24

仔细想了下这个模型应该是最接近的了

0 回复有任何疑惑可以回复我~

收起回答

水秋玄

错了，内容层作为主体永远是在背景层上面的。http://www.imooc.com/video/1331这节课有讲到盒子的3D模型，外边距、背景色、背景图片、主体内容、内边距、边框相应的层级。这里你可以给div同时加个背景色和背景图片，背景图片会把背景色盖住的。

2016-10-24 回复有任何疑惑可以回复我~

慕前端0185898 提问者回复水秋玄

float之后背景浮动，内容不浮动，做出来最形象的模型就是这个了，我可以理解就OK了

2016-10-25 回复有任何疑惑可以回复我~

水秋玄回复慕前端0185898 提问者

反了，是内容层浮动。

2016-10-25 回复有任何疑惑可以回复我~

忘忧草94
2016-10-24

老师没注意，讲错了一点点。那个绿色的部分没设置浮动，所以没有变化。并不是宽度不够。

0 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

网页布局基础

参与学习 214672 人
解答问题 1833 个

让你精通CSS中三大定位机制，彻底掌握网页布局的相关知识

进入课程

课程中强调的float之后，元素依旧处于标准文档流中，但是猿问中有不少反对答案

我要回答关注问题

热搜

最近搜索清空

课程中强调的float之后，元素依旧处于标准文档流中，但是猿问中有不少反对答案

3 回答

课程中强调的float之后，元素依旧处于标准文档流中，但是猿问中有不少反对答案