Skip to content

定位与层叠

position

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

z-index

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

小结

弹层、固定头多用 fixedsticky;注意移动端视口与安全区。