本文介绍了CSS中的四种定位方式：相对定位(relative)保持原有位置但可偏移，绝对定位(absolute)脱离文档流根据窗口或父级定位，固定定位(fixed)始终基于窗口定位，以及粘性定位(sticky)在阀值前类似相对定位、超过后变为固定定位。同时强调了z-index在调整元素层级中的作用，需配合定位使用。
定位：position
相对定位
1.position: relative; 相对定位
在使用相对定位的情况下，不添加偏移量，定位元素不发生变化根据自身位置定位
相对定位会占据原来位置，不脱离文档流和文本流。
2、position: absolute;绝对定位
脱离文档流和文本流
当没有父级或者父级没有定位，根据窗口定位
当父级有定位，根据父级定位
3、 position: fixed; 固定定位
根据窗口定位，定位后就固定不动了
脱离文档流和文本流
4. position: sticky; 粘性定位
粘性定位刚开始没达到阀值范围之前。在自己原来位置上类似相对定位
当达到阀值时，变成固定定位，根据父级定位
Z-index 调层级，元素必须有定位
扫一扫
1290
到【灌水乐园】发言
