定位与层叠

position

• relative：相对原位置偏移，占位仍在流中
• absolute：相对最近定位祖先或视口
• fixed：相对视口，滚动时常驻
• sticky：在阈值前像相对定位，之后像固定

z-index

只在形成层叠上下文的元素上比较大小；滥用易导致调试困难。

小结

弹层、固定头多用 fixed 或 sticky；注意移动端视口与安全区。