手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >CSS教程:position 绝对定位的问题
CSS教程:position 绝对定位的问题
摘要:今天做页的时候,遇到了一个问题:div无法对父对象绝对定位。但是发现无论怎么调整都是针对body定位,郁闷!看了下css手册,也没发现有什么...

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

【CSS教程:position 绝对定位的问题】相关文章:

CSS兼容的技巧

CSS的position属性在DIV层中的应用

CSS样式表教程:screen媒体类型的作用

CSS 控制Html页面高度导致抖动问题的原因

CSS教程:CSS命名参考

CSS基础教程:CSS的应用

详解CSS的相对定位和绝对定位

CSS样式:background-position的理解

DIV+css初学者需要引起重视的10个问题

CSS布局教程:绝对定位和相对定位

精品推荐
分类导航