CSS教程:position 绝对定位的问题

2014-02-18 23:47:28   2264

今天做页的时候,遇到了一个问题:div无法对父对象绝对定位。

<div id="fa"> 
     <div id="so" style="position:absolute; top:0; right:12px"> 
     </div> 
</div>


但是发现无论怎么调整都是针对body定位,郁闷!

看了下css手册,也没发现有什么不对。到网上查了下,发现了这么一句话:absolute 脱离文档流,通过 top,bottom,left,right 定位,选取其最近的父级定位元素,当父级 position 为 static 时,absolute元素将以body坐标原点进行定位,可以通过z-index进行层次分级。


看完后豁然开朗,代码修改如下,

<div id="fa" style="position:relative;"> 
     <div id="so" style="position:absolute; top:0; right:12px"> 
     </div> 
</div>