关于float的问题

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

jia_蛙

2019-10-08 22:04:58

老师 div1  已经设置了float 脱离了文档流，img也设置了float，按理来说 p应该处于img的下面呀 ，
而p的内容应该有些是在img下面不会被显示出来的，为什么这里全部显示在img的右边了。

写回答

1回答

好帮手慕小班

2019-10-09

已采纳

同学你好，这里可以这样理解：因为div与img浮动之后脱离了文档流，但是p标签中的文字属于文本流。div1与img虽然脱离了文档流但是并没有脱离文本流

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

所以浮动并不会影响文字内容，文字会根据加载顺序，从div的右面开始继续加载。

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

0 学习 · 9666 问题

相似问题

回答 1

回答 1

回答 1

回答 1

回答 2