position: sticky是CSS3新增的唯一定位值，本质是relative与fixed的组合行为封装，必须设置top/bottom/left/right之一才生效，且受祖先overflow、display等属性严格限制。
没有本质区别——CSS3 没有新增定位方式，position 的取值（static、relative、absolute、fixed、sticky）中，前四个来自 CSS2.1，sticky 是 CSS3 新增的唯一一个定位类型，但它属于对 relative + fixed 的组合行为封装，底层仍依赖原有定位模型。
position: sticky 是 CSS3 唯一新增的定位值
sticky 在 CSS2.1 中不存在，首次被纳入 CSS Positioned Layout Module Level 3（即 CSS3 定位模块）。它的行为是“在滚动到阈值前表现为 relative，越过阈值后表现为 fixed”，但必须配合 top / bottom / left / right 才生效。
常见错误现象：
-
position: sticky;却没写top: 0;→ 完全不生效，退化为static - 父容器设置了
overflow: hidden或transform→sticky失效（因创建了新的层叠上下文或包含块） - 用在
table的td或tr上 → 大部分浏览器不支持（规范未强制要求）
兼容性注意：IE 完全不支持；iOS Safari 6.1+ 开始支持，但早期版本需加 -webkit-sticky 前缀；Android WebView 支持度参差，建议加 -webkit- 前缀保底。
立即学习“前端免费学习笔记（深入）”；
CSS2.1 的 position 值仍是定位基础
static、relative、absolute、fixed 这四个值的行为定义和计算规则，在 CSS2.1 规范中已完全确立，CSS3 未改动它们的语义或触发条件。
使用场景差异其实体现在配套能力上：
-
absolute元素在 CSS2.1 中只能靠top/left等偏移定位；CSS3 引入transform后，可用transform: translate()实现更高效的重排/重绘（不触发 layout） -
fixed在 CSS2.1 中以视口为包含块；CSS3 新增will-change: transform可提示浏览器提前升层，缓解 iOS 上 fixed 元素滚动抖动 -
relative在 CSS2.1 中仅支持偏移；CSS3 允许它参与 flex/grid 子项排序（如order），但定位逻辑本身没变
定位依赖的“包含块”规则没变，但计算场景更复杂
CSS2.1 明确定义了每种 position 值对应的包含块查找规则（比如 absolute 查找最近的 position 非 static 祖先）。CSS3 没修改这条规则，但新增特性让“谁是包含块”更难判断：
- 一个元素设了
transform（哪怕只是transform: translateZ(0)），就会成为其子元素absolute的包含块 —— 这是 CSS3 新增的隐式包含块创建机制 -
backface-visibility或perspective也会触发新层叠上下文，间接影响fixed元素的参考视口范围 - Flex 容器中，
absolute子项的包含块仍是最近的非static祖先，不是 flex 容器本身 —— 很多人误以为 flex 会改写定位上下文
真正容易被忽略的是：所有 CSS3 布局增强（flex、grid、sticky）都建立在 CSS2.1 定位模型之上。写 position: absolute 时，你调用的仍是 2011 年定稿的 CSS2.1 规范逻辑；所谓“CSS3 定位”，只是给老模型配了新工具和新触发条件。
