css 之 position

张大晴 2013-07-16

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轴定义为垂直延伸到显示区的轴。如果为正数,则离用户更近,为负数则表示离用户更远。

相关推荐

Enjoyendless / 0评论 2020-06-11

CoderChang / 0评论 2014-06-04