为什么文字不会被图片遮挡？而两个DIV添加浮动会遮挡，如下图。

同学你好，js代码的加载顺序是自上而下的，所以不管有没有脱离文档流，都是按顺序加载的。

如果我的回答帮助了你，欢迎采纳，祝学习愉快~

同学你好，这是文档流和文本流的区别。

1、 文档流是指html文档加载解析时从上到下，从左向右，但相对于盒子模型来说，float浮动后脱离文档流，但是没有脱离文本流。

2、文本流是指html文本的显示，是相对于文字段落来说的。
3、所以浮动后的元素并不会影响文字内容的展示，文字会根据加载顺序，依次开始继续加载。

同学了解下即可。

如果我的回答帮助了你，欢迎采纳，祝学习愉快~