html元素定位

1.定位 position

                      说法     文档流   偏移位置（top left right bottom）时候的参照物
1.position:static;    默认值    默认值   默认
2.position:absolute;  绝对定位  脱离     a.当没有父元素或者父元素没有定位，参照物是浏览器窗口的第一屏
                                       b.有父元素且父元素有定位，父元素
3.position:relative;  相对定位  不脱离   自己的初始位置
4.position:fixed;     固定定位  脱离     浏览器当前窗口
5.position:sticky;    粘性定位  可以做吸顶效果，粘性定位是css3.0新增的，兼容不好
​
层叠顺序：
z-index属性是不带单位的，并且可以给负值，没有设置z-index时，最后写的对象优先显示在上层设置后，数值越大，层越靠上

2.相对定位

position:relative;
相对于自己原来位置偏移，偏移后可以覆盖在别的位置，不会脱离文档流还会再原位置占位
可以设置负值

3.绝对定位

position:absolute;
没有父元素或父元素没定位：
                 脱离文档流
                 不占据原位置
                 位置相对于浏览器
有父元素且父元素有定位：
                位置相对于父元素左上角
                

4.固定位置

position:fixed;
​
会脱离文档流，位置相对于浏览器一直不动

5.粘性定位

position:sticky;
​