当前位置:软件学习 > Dreamweaver >>

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

今天做页的时候,遇到了一个问题: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进行层次分级。

网页教学网


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

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

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

 

补充:网页制作,Dreamweaver
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,