关于浮动的疑问

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

图片的位置：

文字的位置：

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

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

同学，你好。

1、给 div1 进行 float 可将和 div1 同级的元素实现同行显示的效果

2、父集的 div1 进行浮动后只能实现给 div1 同级的元素同行，而 p 元素是和 img 元素同级，因此需要给 img 元素添加浮动。

如果解决了你的疑惑，请采纳，祝学习愉快～