css定位总结

定位：position

相对定位

1.position: relative; 相对定位

   在使用相对定位的情况下，不添加偏移量，定位元素不发生变化根据自身位置定位

   相对定位会占据原来位置，不脱离文档流和文本流。

2、position: absolute;绝对定位

脱离文档流和文本流

当没有父级或者父级没有定位，根据窗口定位

当父级有定位，根据父级定位

3、 position: fixed; 固定定位

根据窗口定位，定位后就固定不动了

脱离文档流和文本流

4. position: sticky; 粘性定位

粘性定位刚开始没达到阀值范围之前。在自己原来位置上类似相对定位

当达到阀值时，变成固定定位，根据父级定位

Z-index 调层级，元素必须有定位