CSS各定位之间的区别

1. 静态定位：static

        特点：默认文档流定位

2. 相对定位：relative

        特点：不脱离文档流 相对于自身在浏览器中的位置定位

3. 绝对定位：absolute

        特点： 1. 脱离文档流 原先位置不保留
                    2. 默认定位元素，无论有没有祖先元素，相对于body定位
                    3. 祖先元素设置了定位,相对于祖先元素定位（就近原则）

4. 固定定位： fixed

        特点：1.脱离文档流 原先位置不保留
                   2.相对于浏览器视口区域

5. 粘滞定位：sticky

        特点：1. 不脱离文档流 
                   2. 没有达到阈值前相对定位，达到阈值就是固定定位