给img设置浮动怎么没出现父元素的高度塌陷情况呢？
一般设置了浮动以后，父元素不都会出现塌陷情况吗？这里的p段落标签的内容却都正常的显示在了周围，而没有被图片盖住，是为什么呢？
是因为下面这个地方的样式设置，所以清除了浮动的吗？
不过我在另一个问题里看到老师说是文字的特殊机制，如果会被盖住那它会自动去寻找能正常显示的位置进行显示，到底是因为哪个原因呢？
29
收起
正在回答
3回答
同学你好，像input、select、table标签比较特殊，就算是没有文字也不会覆盖的。
以下方为例，虽然文字没有被覆盖，但是p标签是被覆盖了一部分的
效果图：
因为p没有浮动，因此父级的高度是由p标签撑起来的，如果想让父级的高度由里面高度最大的img标签撑起来，需要清除下浮动带来的影响。
关于这个知识点，同学了解即可，如果有不明白的地方，可以自己写例子验证一下，使用代码验证自己的猜想，也会让能力得到一定的提升呦。
祝学习愉快~
相似问题
为什么设置子元素浮动后没有出现父元素塌陷？
0
1
3
这个float的高度为什么没有塌陷
0
0
3
这里item没有设置float，为什么会发生高度塌陷？
62
0
5
关于浮动使用后父元素塌陷和居中问题
20
0
4
登录后可查看更多问答，登录/注册
4.Vue与React高级框架开发
- 参与学习 人
- 提交作业 239 份
- 解答问题 10739 个
本阶段带你深入前端开发的肌理，通过ES6基础知识和前端主流高级框架的学习，助你快速构建企业级移动webAPP应用，进入职场的终极battle
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星