position:static静态定位
表示“将元素放在文档布局流的默认位置,HTML 元素的默认值,即没有定位,遵循正常的文档流对象。
-
常用于重置 定位属性
-
静态定位的元素不会受到 top, bottom, left, right影响。
定位元素的层级顺序
层级
语法: z-index: n;
标签添加定位之后,可以覆盖在页面的其他标签上
后面加载的定位元素默认会覆盖在先加载的定位元素上
z-index属性:设置定位元素的叠放次序
特性:
1.z-index的属性值越大,它的层级就越高
2.属性值可以取值为正数,0,负数,没有单位(整数)
3.属性值取值相同的情况下,按照结构中的顺序排列次序,后来居上
4.正值向上调整层级,负值向下调整层级
注意:z-index属性要与定位一起使用才有效,否则无效