css 之 position

absolute

生成绝对定位的元素，相对于static定位以外的第一个父元素进行定位。

元素的位置通过"left","top","right"以及"bottom"属性进行规定。

fixed

生成绝对定位的元素，相对于浏览器窗口进行定位。

元素的位置通过"left","top","right"以及"bottom"属性进行规定。

relative

生成相对定位的元素，相对于其正常位置进行定位。

因此，"left:20"会向元素的LEFT位置添加20像素。

static默认值。没有定位，元素出现在正常的流中（忽略top,bottom,left,right或者z-index声明）。

inherit规定应该从父元素继承position属性的值。

z-index

z-index属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。

注释：元素可拥有负的z-index属性值。

注释：Z-index仅能在定位元素上奏效（例如position:absolute;）！

说明

该属性设置一个定位元素沿z轴的位置，z轴定义为垂直延伸到显示区的轴。如果为正数，则离用户更近，为负数则表示离用户更远。