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

来源:2-2 浮动的基础知识

Tsrain

2020-02-29 15:39:51

http://img.mukewang.com/climg/5e5a1540099b3f0709610530.jpg

写回答

2回答

好帮手慕粉

2020-02-29

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

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

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

同学了解下即可。

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

2
hsrain
h 老师请问脱离了文档流除了表示该元素不占文档流的位置外,是否指整个文档流内容加载完毕后,才加载这个脱离文档流的元素吗?
h020-02-29
共1条回复

好帮手慕粉

2020-02-29

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

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

0

0 学习 · 40143 问题

查看课程