横向滚动中position: sticky的left/right失效，根本原因是table不创建滚动上下文；需用块级容器包裹table并设overflow-x:auto，table设min-width，配合table-layout:fixed及精确列宽，并注意iOS Safari兼容问题。
sticky在横向滚动表格中left/right不生效
横向滚动时position: sticky的left或right失效，根本原因不是写法错，而是table本身默认不创建横向滚动上下文——浏览器找不到“可滚动的包含块”，sticky就只能往上找，最终锚定到body或视口边缘，位置完全偏移。
必须让table容器具备overflow-x滚动能力
仅给table加overflow-x: auto没用，因为table是替换元素，overflow对其无效。真正起作用的是把table包进一个块级容器，并让该容器承担滚动职责。
- 给
table外层套一层div，设display: block+overflow-x: auto -
table自身要显式设min-width（如min-width: fit-content或具体像素值），否则可能被压缩，无法触发横向溢出 - 避免给该
div设overflow: hidden——它会直接截断sticky行为，哪怕只是想裁圆角
left: 0在表格中表现异常的常见诱因
即使加了滚动容器，th或td设left: 0仍可能“粘不住”，往往是因为列宽计算被干扰：
-
table-layout: auto下，浏览器按内容动态算列宽，可能导致left锚点漂移；改用table-layout: fixed并配合width明确列宽更稳定 - 如果
th用了white-space: nowrap但父容器没设min-width，内容撑不开容器，left就无处可粘 - 不要在
th上同时用position: sticky和transform（比如缩放动画），这会创建新层叠上下文，切断sticky链
iOS Safari中横向sticky几乎必现兼容问题
即使DOM结构、CSS都合规，在iOS Safari（尤其是15.4之前）中，left/right sticky在横向滚动时大概率卡顿、跳回或完全静默——这不是bug，是渲染管线对横向粘性支持不完整。
立即学习“前端免费学习笔记（深入）”；
- 临时方案：检测
navigator.userAgent含iOS且Safari，降级为position: fixed+scrollLeft监听（注意节流） - 更稳妥做法：改用
display: grid模拟表格布局，grid容器天然支持overflow-x和sticky，兼容性远好于table - 绝对别依赖
will-change: transform来“优化”横向sticky——它在iOS上反而加剧失效
横向sticky最易被忽略的点：它不像top那样有默认“安全区”，left: 0必须紧贴滚动容器左边界生效，而这个边界常被padding、border甚至box-sizing干扰。动手前先用DevTools Layout面板确认滚动容器的实际content box左缘是否真在0位置。
