CSS定位方式

1.静态定位 static 默认的定位方式

2.相对定位 position:relative 不脱离文档流 相对于自身在浏览器位置定位

3.绝对定位 position:absolute 脱离文档流 原先位置不保留 飘在文档上方
        如果没有给父元素设置定位 则相对于body定位

        如果给父元素或者祖先元素设置定位 则相对于父元素或者祖先元素

4.固定定位 fixed 脱离文档流原先位置不保留 飘在文档上方

        相当于浏览器视口区域进行定位

5.粘滞定位 sticky 相当于fixed+relative

        不脱离文档流 未达到阈值前是相对定位 达到阈值后是固定定位