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

2016-02-22    编辑:drise     点击(

今天做页的时候,遇到了一个问题: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>

犯了个低级错误!真丢人!难道我的css手册太老了?