- 相对定位:position:relative;
在使用相对定位的情况下,不添加偏移量,定位元素不发生变化,根据自身位置定位,相对定位会占据原来的位置,不脱离文本流和文档流
- 绝对定位:position:absolute;
绝对定位脱离文档文本流,当没有父级或者父级没有定位,根据窗口定位;当父级有定位,根据父级定位
z-index 调层级,元素必须有定位
- 固定定位: position:fixed;
根据窗口定位,定位后固定不动;固定定位脱离文档文本流
- 粘性定位:position:sticky;
刚开始没有达到范围之前,在自己原来位置上保持不变,类似于相对定位
在达到阈值时,变成固定定位,根据父级定位
- 默认定位:position:static;