定位与层级9 条
本章口诀 · 定位与层级
定位 · static→sticky+层级 · z-index+堆叠上下文
- 层级管理（z-index）Z-index / Stacking弹窗盖不住别的元素
- 遮罩层Overlay / Mask弹窗底下要有一层半透明蒙版
- 固定定位居中Fixed Centering把弹窗钉在屏幕中间
- 层叠上下文Stacking Context明明 z-index 很大却还是被盖
- 相对定位Relative Positioning想让元素相对自己挪一点点
- 绝对定位Absolute Positioning把元素从正常排版里抽出来摆
- 伪元素装饰::before / ::after想在元素前后加个装饰小东西
- 弹窗滚动锁定Scroll Lock / Body Scroll弹窗出来后背景还能滚
- 底部固定 + 安全区Fixed Bottom + Safe Area底部按钮被手机小黑条挡住