CSS教程:position 绝对定位的问题
2008-10-17 19:27
429 查看
今天做页的时候,遇到了一个问题: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手册太老了?
<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手册太老了?
相关文章推荐
- CSS中关于定位的问题, 相对,绝对定位
- CSS中关于定位的问题, 相对,绝对定位
- IE6/IE7下position:absolute;绝对定位偏移、不显示问题
- CSS入门(6)-margin、padding和top,绝对定位与覆盖的问题
- css position相对定位绝对定位
- CSS position绝对定位absolute relative
- CSS 中position:absolute的定位到底是相当于body,还是父级元素的问题
- CSS教程:CSS中的定位(position)
- 【教程】html+css零基础入门教程之CSS 绝对定位(二十三)
- IE6和IE7下绝对定位position:absolute和margin的冲突问题解决
- IE6/IE7下position:absolute;绝对定位偏移、不显示问题
- CSS中关于定位的问题, 相对,绝对定位
- CSS中关于定位的问题, 相对,绝对定位
- CSS教程:CSS中的定位(position)—— 摘自《CSS权威指南》
- CSS中Backgroud-position(背景图片)定位问题详解
- css中定位position、偏移top,bottom,left,right和高宽度设置问题
- css基础 绝对定位 position:absolute 相对于document元素进行定位 (无定位的祖先元素)
- [教程] [译]10步掌握CSS布局定位: position static relative absolute float