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

来源:13-9 Relative与Absolute组合使用

君木

2015-11-05 00:03

代码中:

div{border:2px red solid;}

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

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


写回答 关注

1回答

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

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

    君木

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

    2015-11-06 22:47:59

    共 1 条回复 >

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225813 学习 · 18234 问题

查看课程

相似问题