请列举 CSS 中 position 属性的所有可选值，并说明它们各自的定位行为和相互之间的区别。
考察说明
考查对 CSS 定位机制的理解，包括取值、行为差异和典型使用场景。
回答思路
- 【回答框架 1】static 是默认值，元素按照文档流正常排列，top、right、bottom、left 和 z-index 属性不生效。
- 【回答框架 2】relative 元素仍在文档流中占位，但可相对其正常位置通过 top 等属性进行偏移，同时会创建新的层叠上下文，常用于微调位置或作为绝对定位的包含块。
- 【回答框架 3】absolute 元素脱离文档流，不保留原占位，其定位参照是最近的、非 static 定位的祖先元素；若没有这样的祖先，则参照初始包含块（通常是浏览器视口）。
- 【回答框架 4】fixed 元素脱离文档流，相对于视口固定定位，滚动页面时位置不变，常用于页头、悬浮按钮等。sticky 是相对定位和固定定位的结合，元素在跨越指定阈值前按文档流定位，跨阈后表现为固定，常与 top 属性配合使用。
- 【关键点 1】position 有 static、relative、absolute、fixed、sticky 五个值。
- 【关键点 2】static 是默认值，不响应偏移属性。
- 【关键点 3】relative 不脱离文档流，absolute 和 fixed 脱离文档流。
- 【关键点 4】absolute 的参照是最近的定位祖先，fixed 参照视口。
- 【关键点 5】sticky 结合相对与固定定位，需设置 top、left 等阈值才生效。
- 【易错点 1】容易混淆 absolute 的参照对象，误认为总是相对父元素，实际是最近的定位祖先。
- 【易错点 2】fixed 可能受祖先 transform 属性影响而不再相对视口定位。
- 【易错点 3】sticky 依赖滚动容器和阈值设置，否则可能不表现固定效果。