图片为什么不会覆盖文字不是很理解

如题，图片加了浮动之后，不是脱离了文档流，为什么文字就不是直接从盒子的左上角开始？还有文本流和文档流具体指什么，有什么区别呢？

陌路旅人 2018-09-02

源自：float浮动 2-2 浮动的基础知识

0

收起

1回答

好帮手慕阿莹 2018-09-03 10:54:01

1、图片加了浮动后，脱离了文档流，但是还在文本流中。在文本流中是占据位置的。

2、文档流是相对于盒子模型讲的
文本流是相对于文字段落讲的
元素浮动之后，会让它跳出文档流，也就是说当它后面还有元素时，其他元素会无视它所占据了的区域，直接在它身下布局。但是文字却会认同浮动元素所占据的区域，围绕它布局，也就是没有拖出文本流。

如果我的回答解决了你的疑惑，请采纳！祝学习愉快！

提问者陌路旅人 #1

相对于文字段落讲是什么意思啊?

2018-09-03 12:01:10
好帮手慕阿莹回复提问者陌路旅人 #2

就是文字呀，同学是哪里不清楚呢？

2018-09-03 13:59:16

相似问题

既然浮动依然占据正常文本流的空间，那为什么还会发生覆盖呢？

背景图片和背景颜色同时设置时，背景图片会覆盖背景颜色

给标签div,title加绝对定位，会被图片所覆盖

为什么图片float之后文字不会位于图片下面

给img设置浮动怎么没出现父元素的高度塌陷情况呢？

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

从网页搭建入门Java Web2018版

参与学习人
提交作业 1088 份
解答问题 10205 个

如果你有Java语言基础，又想以后从事Java Web开发，那么本路径是你的不二选择！本路径从网页搭建开始入手，通过大量案例来学习Java Web基础。定能助你完成Java Web小白的蜕变！

本课精华内容

问答作业

为什么这样不报错？

6 1

老师请问一下

1 4

老师这样写可以嘛

2 1

老师这样写可以吗

7 1

我为了实现两行三列的效果，设置了三级div。老师您看，这样编程符合要求吗

10 1

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载