css篇之定位

属性名：position

属性值有如下五个：

        1. static（静态定位）

        2. relative（相对定位）

        3. absolute（绝对定位）

        4. fixed（固定定位）

        5. sticky（粘性定位）

用法浅析：

        1. static：元素默认的定位方式；它始终根据页面的正常流进行定位，此定位方式的元素不受top、bottom、left、right的影响，margin属性仍然有效。

        2. relative：根据自身的位置进行定位，不脱离文档流。

        3. absolute：从直属父级向上层层寻找，相对于最近的有定位属性（非static定位）的祖先元素进行定位，若父级无定位属性，则依据 body 元素左上角作为参考进行定位，脱离文档流。

        4. fixed：相对于浏览器窗口定位，并且不会随着滚动条进行滚动，脱离文档流

        5. sticky：基于用户的滚动位置来定位。当页面滚动超出目标区域时，它的表现就像 position:fixed，它会固定在目标位置