position 定位 position:static 默认定位
1.position:relative; 相对定位
在使用相对定位的情况下,不添加偏移量,定位元素不发生变化;
根据自身位置定位;
相对位置依然占据原来位置,不脱离文档流盒文本流;
2. 绝对定位 position:absolute; 脱离文本文档流
当父级没有定位,根据窗口定位;
当父级有定位, 根据父级定位;
(z-index 调层级 必须有定位)
3.固定定位 position:fixed
根据窗口定位 脱离文本文档流;
4.粘性定位 position:sticky
开始没有达到范围前,在原来位置上不动,类似相对定位,当达到阀值时,固定不动。根据父级;