<box4>子元素相对于<box3>父元素而绝对定位，但是不可以设置宽度和高度，

/*下面是任务部分*/

#box3{position:relative;

    width:200px;

    height:200px;

}

#box4{position:absolute;

    bottom:2px;

    top:100px;

}

em{font-weight:bold;color:red;

}

谢谢给位的解答。

因为已经把box3定位了，box4是根据它来移动的。

box4在box3中，设置bottom:0;就是把box4放在box3的最下面，起到给图片做个介绍的意思，之所以box4会在box3的最下面，是由于box3设置了position后，box4作为他的子元素定位参考的是父元素，也就是参考box3定位，不再参考body（整个页面）来定位了。