为什么图片和box4都在box3 div中,但是box3的border只包含里图片而没有包含住box4?
box4在box3 底部:
#box4{
width:99%;
position:absolute;
bottom:0;
}
图片大小导致div4下去的,
你可以尝试测试
给img加style="height:100px;"
box3中设定了height高度,填充图片后 因为div是块级元素,div里面的内容会在其下方显示,插入的图片的高度差不多占满了div的高度,box在加入会撑破box3的高度,所以会显示在下面。
因为box3设定了height高度,如果删除box3 css里的高度设定你再看就包含了!
因为位移前提是box4,而图片不是这个id
<div id="box3">
<img src="...">
<div id="box4">...</div>
</div>
css代码部分写的是:#box4{...}
#box4{
position:absolute;
width:99%;
top:79%;
}