4-9包裹特性，
来源：4-10 包裹特性
the_shy
2019-04-22 22:19:36
设置父元素float浮动后，父元素div设置的红色背景外部消失，出现在图片下是因为图片是子元素吗，没太理解子父元素的float问题
写回答
1回答
-
同学你好。这里老师设置的是div1浮动。由于div一直是没有设置宽度的，在设置浮动之前，它在文档流中，也就是在body内，那么它的宽度取决于它的父元素body的宽度。div一旦设置了浮动，他就脱离了文档流，也就是脱离了body的管控。这时它的宽度就是它的内部“撑起的”宽度，也就是img的宽度了。而之所以这时在img下还保留了一些红色背景色，是因为img的竖直对其方式默认值是baseline 将元素放置在父元素的基线上。当设置为vertical-align: bottom;后就可以消失了。
有关这一部分，同学可以再好好看一下这一段视频哦。老师都有讲到。
如果解答了同学的疑问，望采纳~
祝学习愉快~
0
