首页 > 技术文章 > 绝对定位(absolute)

zengjs 2013-07-12 16:03 原文

绝对定位(absolute),作用是将被赋予此定位方法的对象从文档流中拖出,使用left,right,top, bottom等属性相对于其最接近的一个最有定位设置的父级对象进行绝对定位,如果对象的父级没有设置定位属性,即还是遵循HTML定位规则的,则依据 body 对象左上角作为参考进行定位。绝对定位对象可层叠,层叠顺序可通过 z-index 属性控制,z-index值为无单位的整数,大的在最上面,可以有负值(目前负值FF不支持)。

注意:必须加left,right,top, bottom等值才能用效果.如: position: absolute; top:10px; 必须要加top才能有效.

 

position:fixed 相对于窗口的固定定位,这个会随周围的移动而移动.但给top,left ,right.等无作用.

position:relative 相对定位
  所谓相对定位到底是什么意思呢,是基于哪里的相对呢?我们需要明确一个概念,相对定位是相对于元素默认的位置的定位。既然是相对的,我们就需要设置不同的值来声明定位在哪里,top、bottom、left、right四个数值配合,来明确元素的位置.不会随别的移动而影响.

 

推荐阅读