为什么此时是蓝色和红色重叠，但是橘色的文字也出现了重叠？

为什么此时是蓝色和红色重叠，但是橘色的文字也出现了重叠？

阿扬在自律路上 2019-01-03

源自：float浮动 2-8 使用浮动后产生的问题

1

收起

3回答

好帮手慕夭夭回答被采纳获得+3积分 2019-01-04 10:42:35

你好同学 , 也可以这样理解 . 不过并只是宽度一样了 , 当你设置的文字盒子宽度小于红色盒子的宽度时候也会把文字给挤下来 , 当然 ,文字盒子宽度大于红色的盒子时候 , 当它比红色盒子宽度多出来的一部分放不下一个文字的时候 , 也是会挤下来的 .

所以你设置的文字盒子宽度如果比红色盒子大很多的话 , 文字还是会围绕着红色盒子的 .

祝学习愉快 ,望采纳 .

好帮手慕夭夭 2019-01-03 14:14:24

你好同学 , 可能同学是跟上面课程中的练习弄混淆了 . 老师帮你分析一下 , 这个视频中 , 因为文字的盒子设置宽度 , ,那么div是会自占一行的 ,文字就会被挤下来显示 ,如下:

而上个练习题中 , 文字之所以跑到右边围绕这个盒子 ,是因为盛放文字的盒子没有设置宽度 , 它的宽高是文字撑开的, 所以就不会自占一行 ,文字就会跑上来了

祝学习愉快 ,望采纳 .

提问者阿扬在自律路上 #1

如果第二个图有设置宽度的话，文字是不是还是会围绕着这个盒子？因为这一行在红色区域变为浮动元素后，当文字宽度大于红色区域的宽度时，由于文字这一块不想被红色区域遮挡，那么文字这一块同样还是会在原来自己的宽度里面去围绕红色区域

2019-01-03 22:23:46
提问者阿扬在自律路上 #2

灰灰老师，我认为文字会被挤下来而不是跑到右边，是不是因为红色区域的宽度和蓝色区域的宽度一样，红色区域的文字只能是往下走？和div自成一行感觉关系不大？

2019-01-03 22:39:09

好帮手慕夭夭 2019-01-03 11:48:10

你好同学 ,当蓝色的盒子设置浮动后 , 由于脱离文档流 ,它后面的红色盒子就会往上移动 , 所以会被蓝色盒子挡住 . 因为文字有特殊的解析机制 ,它不想被遮罩 ,想找到一个能够显示它的位置 . 所以文字会跑到红色盒子下面 , 但是因为红色的盒子下面就是橘色的盒子 ,所以跑下来的文字和橘色盒子里面的文字重叠了 .

希望解答了你的疑惑 , 祝学习愉快 ,望采纳 .

提问者阿扬在自律路上 #1

灰灰老师，那这个文字为什么不是往右边跑，而是跑到下面？

2019-01-03 12:09:54

相似问题

为什么红色区块和蓝色区块同时设置position:relative时，红色会在蓝色上？

老师好，A选项是红块在前，为什么不是蓝色覆盖红色？

老师，为什么我的绿色块不能和蓝色重叠，而是和红色重叠。

老师你好我想问一下如果想让红色覆盖蓝色的话应该如何操作？

span标签的权重是1 ，.two的权重是10，为什么英文字母的下划线还是蓝色呢？

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

前端小白入门系列课程

参与学习人
提交作业 11218 份
解答问题 36713 个

从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！

本课精华内容

问答作业

为什么我的没有框

5 45

表格的问题

377 41

大家好,body前面有一个红色的小××，麻烦大家帮我看看

378 40

到底是cellspacing还是cellpacing?

0 35

课间活动的表格怎么实现，想了很久也想不出来

60 30

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载