图文混排的意思 原理

同学你好！

1.文本流，概括地说其实就是一系列字符，是文档的读取和输出顺序，也就是我们通常看到的由左到右、由上而下的读取和输出形式，在网页中每个元素都是按照这个顺序进行排序和显示的，而position属性可以将元素从文本流脱离出来显示。
2.文档流，英文原版文档为"normal flow"，翻译成常规流、普通流也就更好理解它了。
从直观上理解，常规流指的是元素按照其在 HTML 中的位置顺序决定排布的过程,主要的形式是自上而下（块级元素）,一行接一行,每一行从左至右（行内元素）。
3.脱标流：故名思路脱离标准文档流的元素

同学你好！因为float只是使图片脱离了文档流，但是里面的文字属于文本流，所以并不会把文字覆盖呢。如果我的回答解决了你的疑惑，请采纳，祝学习愉快~