问答详情
源自:13-9 Relative与Absolute组合使用

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

代码中:

div{border:2px red solid;}

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

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


提问者:君木 2015-11-05 00:03

个回答

  • pardon110
    2015-11-05 09:37:49
    已采纳

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