给img设置浮动怎么没出现父元素的高度塌陷情况呢？
来源：5-2 详情页面的制作（2）
Aurora_Meteor
2020-06-02 19:53:36
一般设置了浮动以后，父元素不都会出现塌陷情况吗？这里的p段落标签的内容却都正常的显示在了周围，而没有被图片盖住，是为什么呢？
是因为下面这个地方的样式设置，所以清除了浮动的吗？
不过我在另一个问题里看到老师说是文字的特殊机制，如果会被盖住那它会自动去寻找能正常显示的位置进行显示，到底是因为哪个原因呢？
写回答
3回答
-
同学你好，像input、select、table标签比较特殊，就算是没有文字也不会覆盖的。
以下方为例，虽然文字没有被覆盖，但是p标签是被覆盖了一部分的
效果图：
因为p没有浮动，因此父级的高度是由p标签撑起来的，如果想让父级的高度由里面高度最大的img标签撑起来，需要清除下浮动带来的影响。
关于这个知识点，同学了解即可，如果有不明白的地方，可以自己写例子验证一下，使用代码验证自己的猜想，也会让能力得到一定的提升呦。
祝学习愉快~
0 -
好帮手慕言
2020-06-03
同学你好，关于同学的疑问，解答如下：
1、是的，和上方图中的代码没有关系。
2、只要元素里面有文字，文字就不会被覆盖，与文字写在什么标签中是没有关系的。
祝学习愉快~
0h020-06-03 -
好帮手慕言
2020-06-03
同学你好，理解的是对的，子元素设置浮动之后，会脱离文档流，父级的高度会塌陷。
图片浮动之后，文字没有被挡住是因为文字解析是比较特殊的，假如一个元素浮动会影响到它们的时候，它们会找到一个不被挡住的地方显示。所以会产生一个环绕效果。
如果我的回答帮到了你，欢迎采纳，祝学习愉快~
0h020-06-03
相似问题