为什么浮动后的图片和文字没有重叠

首页课程实战体系课手记专栏慕课教程

为什么浮动后的图片和文字没有重叠

来源：4-10 浮动的其他特性

慕UI1199501

2019-10-11 22:43:10

老师您好，在4-4章节中，两个块级元素会相互重叠，但是文字为什么是个例外呢？

写回答

1回答

时间，

2019-10-12

同学，你好。因为设置浮动之后脱离了文档流，但是p标签中的文字属于文本流。img虽然脱离了文档流但是并没有脱离文本流，所以文字不在img的底部，在右侧。

图片的位置：

文字的位置：

如上所示，图片虽然脱离了文档流，展示在最上层，但是没有脱离文本流，文字属于文本流。文本流是指html文本的显示，是相对于文字段落来说的。所以文字会显示在图片的右边，这是文本流的加载。

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

0 学习 · 3562 问题

相似问题

回答 2

回答 2

回答 1

回答 2

回答 2