position属性:
当其父级的position为relative时,其子级的position:absolute以相对于其父级绝对定位,否则以整本页面绝对定位。
当其父级的position为relative时,其子级的position:absolute以相对于其父级绝对定位,否则以整本页面绝对定位。
EG1:
<div id="d1" style="position:relative;margin:10px;width:100px;height:100px;background:#333">
<div id="d2" style="position:absolute;top:10px;width:40px;height:40px;background:#888">
</div>
</div>
效果如下图1:
图1
若将”id=d1“的position:relative去掉,则其效果如图2: