为什么图片float之后文字不会位于图片下面

根据float的性质，如果上面的块元素浮动的话，下面的会占据它原本的位置。

那为什么在这个例子中img浮动之后，文字位于它的右侧而不是位于与它重叠的下方？

法斯学java啦 2020-05-17

源自：CSS浮动 4-10 浮动的其他特性

25

收起

1回答

好帮手慕小脸 2020-05-17 13:57:07

同学你好，在该案例中老师是给div设置的浮动，当p标签与div标签为并列关系时，内容才会受到影响，当p标签包含在div标签时，文字是在图片下方的。

祝学习愉快~

Popeye_Popi #1

不对啊，老师演示的p标签包含在div标签下，文字没有重叠在图片下方，而且不是应该在div与img并列时在img中也写入float，文字才会在图片右边吗？老师视频中演示的与之前学的特性不相符啊？？？

2020-06-17 16:13:16
Popeye_Popi #2

不好意思老师我前面理解错了，我的疑问是在div1与img平级的情况下，文字不是应该被img覆盖吗

2020-06-17 16:23:37
好帮手慕小脸回复 Popeye_Popi #3

你好，老师在另一个问答中回复你了，记得前去查看哦~ https://class.imooc.com/course/qadetail/233325 祝学习愉快~

2020-06-17 18:24:52

相似问题

为什么第二张图片向右浮动不是往上跑到第一张图片的下面呢？

图片定位问题

PS 中选择图片文字

为什么我轮播图图片显示不出来？

数组定义的长度为1024，这个长度是指数组中能存储的文件的大小吗？如果是，长度的单位是什么呢？是字节还是kb？

登录后可查看更多问答，登录/注册

java工程师2020版

参与学习人
提交作业 9393 份
解答问题 16556 个

综合就业常年第一，编程排行常年霸榜，无需脱产即可学习，北上广深月薪过万无论你是未就业的学生还是想转行的在职人员，不需要基础，只要你有梦想，想高薪

本课精华内容

问答作业

安装了MySQL 之后有时候自己会跳出来个黑窗口是为什么呢？

79 1

什么时候用List中的ArrayList呢，什么时候用HashSet，什么时候应该用HashMap

81 1

创建字符串的过程理解

62 1

如何干净的卸载数据库

134 1

请教一下没太懂

48 3

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载