为了账号安全,请及时绑定邮箱和手机立即绑定

有一点不明白,这里的box3不是包含图片和box4吗?为什么边框会单独框起图片呢?

代码中:

div{border:2px red solid;}

<div id="box3">
    <img src="http://img1.sycdn.imooc.com//541a7d8a00018cf102000200.jpg">
    <div id="box4">当我还是三年级的学生时是一个害羞的小女生。</div>
</div>

这里我理解的是设置了div的边框样式,应该一个边框框起来图片和下边那段文字,然后再框起来文字,为什么图片会被框起来呢?有点晕,想不通。


正在回答

1 回答

其实图片并没有被框起来,只不过在你的这段代码中,img的大小恰好与box3所在的div大小一致。你给img加个样式width:100px,就可以一目了然了。

0 回复 有任何疑惑可以回复我~
#1

君木 提问者

大侠,你说的我懂了,然后我发现了一个问题!一开始我没有做任务的时候box4在box3的下边,但是图片还是被单独框起来,然而我突然明白了!是因为前边的样式设置了box3的宽度和高度,所以边框只有图片那么大,终于明白了,谢谢前辈!!!(●'◡'●)
2015-11-06 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

有一点不明白,这里的box3不是包含图片和box4吗?为什么边框会单独框起图片呢?

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号