前辈元素问题

我知道前辈元素是包含关系  

但是课程中12-9这一节，这个我就搞不懂了，

<h1>下面是任务部分</h1>

<div id="box3">

    <img src="http://img.mukewang.com/541a7d8a00018cf102000200.jpg">

    <div id="box4">当我还是三年级的学生时是一个害羞的小女生。</div>

</div>

</body>

</html>

我的问题：

划下划线三者的关系：为什么说img这个图片是box4的前辈元素？  课程中说 img等于box3，，我想说why？

明明img与box4是同级的嘛  咋个变成了box4的前辈元素了