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

有一点不明白,这里的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下载
官方微信