4-9包裹特性,

4-9包裹特性,


设置父元素float浮动后,父元素div设置的红色背景外部消失,出现在图片下是因为图片是子元素吗,没太理解子父元素的float问题

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学你好。这里老师设置的是div1浮动。由于div一直是没有设置宽度的,在设置浮动之前,它在文档流中,也就是在body内,那么它的宽度取决于它的父元素body的宽度。div一旦设置了浮动,他就脱离了文档流,也就是脱离了body的管控。这时它的宽度就是它的内部“撑起的”宽度,也就是img的宽度了。而之所以这时在img下还保留了一些红色背景色,是因为img的竖直对其方式默认值是baseline 将元素放置在父元素的基线上。当设置为vertical-align: bottom;后就可以消失了。

http://img1.sycdn.imooc.com//climg/5cbe84aa0001196714420830.jpg

有关这一部分,同学可以再好好看一下这一段视频哦。老师都有讲到。

如果解答了同学的疑问,望采纳~

祝学习愉快~


问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师