静态定位和定位元素的层级顺序

position:static静态定位

表示“将元素放在文档布局流的默认位置，HTML 元素的默认值，即没有定位，遵循正常的文档流对象。

• 常用于重置 定位属性

• 静态定位的元素不会受到 top, bottom, left, right影响。

定位元素的层级顺序

层级
    语法: z-index: n;

    标签添加定位之后，可以覆盖在页面的其他标签上
    后面加载的定位元素默认会覆盖在先加载的定位元素上
    z-index属性：设置定位元素的叠放次序
       特性：
       1.z-index的属性值越大，它的层级就越高
       2.属性值可以取值为正数，0，负数，没有单位（整数）
       3.属性值取值相同的情况下，按照结构中的顺序排列次序，后来居上
       4.正值向上调整层级，负值向下调整层级
       注意：z-index属性要与定位一起使用才有效，否则无效