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

版权声明:本文博客原创文章。博客,未经同意,不得转载。

原文地址:https://www.cnblogs.com/yxwkf/p/4752903.html