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的前提下是有效的。