bootstrap 5 的 position-* 类仅设置 position 属性值，不控制偏移；必须配合 top/bottom/start/end 等类才能实现定位，且父容器需设 position-relative，start/end 支持 rtl，数值单位为 rem。
Bootstrap 5 的 position-* 类本身不完成定位，只设 position 值；真正“动起来”必须配 top/bottom/start/end 等偏移类——这是绝大多数人卡住的第一步。
position-absolute 为什么加了也不见效果？
因为 position-absolute 只等价于 CSS 的 position: absolute，它不会自动加 top: 0 或 left: 0。元素仍按文档流原始位置渲染，只是脱离了流而已。
- 父容器没加
position-relative：绝对定位会往上找最近的非static祖先，找不到就锚定到视口，结果常飘到屏幕外 - 漏写偏移类：比如只加
position-absolute，没加top-0、start-3这类，元素视觉上“没动” - 数值单位是 rem：
top-50≠top: 50px，而是top: 3rem（默认 1rem = 16px），别按像素直觉猜
start/end 比 left/right 强在哪？
start 和 end 是逻辑方向，不是物理方向。在 RTL（如阿拉伯语）页面中，start-2 自动变成右偏移，end-2 变成左偏移——left-2/right-2 则永远固定在物理左右侧，无法响应语言方向。
- 用
start-0替代left-0，end-4替代right-1，才能真正支持多语言布局 - 所有方位类（
top/bottom/start/end）都带数值后缀，没有start-auto这种写法 - 不支持负值：没有
start--2或top--1，需自定义 CSS 处理反向偏移
position-sticky 为啥有时像没生效？
position-sticky 不是“固定在视口”，而是“在父容器内滚动时粘住”。它依赖两个前提：父容器有高度（或可滚动上下文），且自身不在文档流末尾被挤出可视区。
- 父容器没设
max-height或overflow-y: auto：它就退化成position: relative - 父容器高度不够，内容一屏就显示完：没滚动空间，自然不触发 sticky
- 不要和
position-absolute混用：sticky 元素不能同时是绝对定位，否则直接失效 - 移动端兼容性没问题（Chrome 56+/Firefox 59+/Safari 15.4+），但 iOS Safari 对嵌套 sticky 支持不稳定
fixed 和 absolute 在遮罩/客服窗场景怎么选？
全屏遮罩、悬浮客服窗这类全局 UI 必须用 position-fixed，position-absolute 会被父容器裁剪或随滚动消失。
-
position-fixed锚定视口，不受滚动影响；top-0 start-0 w-100 h-100才能可靠铺满全屏 - 客服窗推荐
position-fixed top-50 start-100 translate-middle-y ms-3（注意：Bootstrap 5 的translate-middle-y需配合top-50） - 务必显式设
z-index：Modal 默认是 1055，遮罩至少 1060，客服窗建议 1070+，避免被覆盖 - 别用
sticky-top实现客服窗：它只在滚动进视口时粘住，拉到底就消失，完全不符合“常驻”需求
最易忽略的点：所有定位类都只改单个 CSS 属性，它们之间无隐式依赖。你得自己保证“定位方式 + 定位上下文 + 偏移量 + 层级”四者同时到位，缺一不可。
