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%;  

}