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

CSS样式表
CSS优先级规则的细节
CSS失效,原来是和网页第一段代码有关
你真的了解CSS吗?你是属于哪个层次?
让样式表CSS代码更加专业规范
建议网页设计师用CSS制作网站导航菜单
简单学习css组合与CSS嵌套的写法
CSS学习之css代码的简写的十条规则
条件CSS的介绍
CSS教程:网页中多个样式表顺序问题
CSS教程:网页版面设计无效的10个原因
页面重构工程师应该具有的技能和素质
选择正确DOCTYPE解决CSS在网页失效问题
Opera中国的WEB标准课程
简单介绍Web Developer插件制作网页
CSS布局带来的巨大影响:CSS display属性值
用div css模拟表格对角线
IE Firefox在css中的差别 (部分)
不用js可以实现信息提示效果
CSS解决未知高度的垂直水平居中自适应问题
CSS cursor 属性 -- 鼠标指针样式效果

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-11   浏览: 89 ::
收藏到网摘: 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手册太老了?