CSS Position(定位)

position 属性有4个值：

1.relative

相对定位元素不可层叠，依据left、right、top、bottom等属性在正常文档流中偏移自身位置。同样可以用z-index分层设计。

2.fixed

固定定位与绝对定位类似，但它是相对于浏览器窗口定位，并且不会随着滚动条进行滚动。

3.absolute

绝对定位的元素从文档流中拖出，使用left、right、top、bottom等属性相对于其最接近的一个最有定位设置的父级元素进行绝对定位，如果元素的父级没有设置定位属性，则依据 body 元素左上角作为参考进行定位。绝对定位元素可层叠，层叠顺序可通过 z-index 属性控制，z-index值为无单位的整数，大的在上面，可以有负值。

4.sticky

一般的标签元素不加任何定位属性都属于静态定位，在页面的最底层属于标准流。

提高元素定位时的层级:

z-index:1(默认值为0)

relative/absolute/fixed都可使用提高层级