当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > CSS教程:position 绝对定位的问题

CSS样式表
CSS教程:了解熟悉css语法
CSS教程:CSS到底是干什么用的?
让XHTML元素的命名规则更加合理
CSS网页设计技巧十则
CSS样式表层叠(cascade)处理冲突
保存CSS中的图片的几种方法
不成熟的标准化
CSS教程:优先级问题的考虑实例
构建网站合理规划CSS文件
通过W3C XHTML1.0标准验证的经验
DIV CSS技术是否适合中国中小网站?
学习CSS的背景图像属性background
CSS网页布局开发小技巧24则
CSS BUG解决方法以及CSS BUG类的小技巧
CSS教程:容器定位
CSS教程:网页布局定位及z-index解释
学习css需要什么软件
CSS元素的层叠与z-index设置
CSS教程:表格的nobr终极解决方案
Css Reset(复位)的简单介绍

CSS样式表 中的 CSS教程:position 绝对定位的问题


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-11   浏览: 43 ::
收藏到网摘: n/a


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