relative和absolute的使用？

Question

我在浏览器中输入两个框

#div1{

    top:500px;

    width:200px;

    height:200px;

    border:2px solid red;

    position:relative;

}

#div2{

    width:30px:

    height:30px;

    border:2px solid black;

    position:relative;

    top:20px;

    left:50px;

}

......

<div id="div1">

    <div id="div2"></div>

</div>

这时候我把设置div2的top，我没有在div2中设置position:absolute,但是div2也是相对于div1来偏移，在CSS 12-9课中讲的是需要在div2中设置position:absolute，才可以相对前辈元素来定位的么？我没有设置为什么也可以定位？

Answer 1

absolute 是根据父元素中最近的设置relative的元素的位置来设定，如果没有设置relative的父元素，就以html为基准