CSS position属性

CSS中position属性用于表示元素的位置信息。

有三个取值：static, absolute, relative。如果元素没有显式配置position属性，则该元素默认的position 值为static。

1、static：这是表示该元素按照排列和嵌套的顺序和规则应该在的位置，此时设置top,right,left, bottom属性是无效的；

2、absolute：位置参考点是离其最近的配置了position属性值为非static的父节点元素，如果其所有父节点都没有显式配置position属性，则以浏览器窗口的位置为参考，此时设置top,right,left, bottom属性值有效；

3、relative：位置参考点是其原有位置（该元素position配置为static的位置），此时设置top,right,left, bottom属性值有效；

z-index属性用于指定三维坐标（x,y,z）中z坐标的值，该值默认是0，可以设置为正数，也可以设置为负数，值越大，表示在z轴方向越靠前。

注意：该属性必须在元素配置了position属性值为relative/absolute的前提下才有效。