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为基准