position 的五种属性：
- static：默认值，没有定位。静态定位元素不会受到 top、bottom、left、right影响。
- relation：相对定位，相对定位元素的定位是相对于其他正常位置，一般和绝对定位一起使用。
- absolute：绝对定位，绝对定位的元素相对于最近已定位父元素，如果没有已定位的父元素，那么此元素的位置相对于 HTML，经常和相对定位结合使用。
- fixed：固定定位，元素的位置相对于浏览器窗口的固定位置，即使窗口的滚动也不会移动。
- sticky：粘性定位，基于用户的滚动位置来定位，在跨域特定阈值前为相对定位，之后为固定定位。
sticky 定位
是 CSS3 新增定位属性，是相对定位和固定定位的结合，主要用在对 scroll 事件监听上，简单来说，在滑动的过程中，某个元素距离父元素的距离达到 sticky 设定的要求时（例如：top：100px），此时的效果相当于固定定位，固定在适当的位置。*
