position属性有5种值：static为默认值，按文档流排列且不支持偏移；relative相对自身原位置移动，仍占原有空间；absolute脱离文档流，相对于最近的已定位祖先元素定位；fixed固定于视口，不随滚动变化；sticky在滚动前相对定位，达到阈值后转为固定定位，常用于表头或侧边栏。
在CSS中，position 属性用于控制元素在页面中的定位方式。不同的 position 值会改变元素的布局行为，理解这些基础属性对掌握网页布局非常关键。
static（默认值）
这是所有元素的默认定位方式。static 元素按照文档流正常排列，不支持 top、bottom、left、right 偏移属性。
• 页面中的大多数元素都是 static 定位• 设置 top/left 等属性无效
• 不脱离文档流，不影响其他元素位置
relative（相对定位）
元素仍保留在文档流中原来的位置，但可以通过 top、bottom、left、right 进行偏移，偏移后原位置仍被占据。
• 相对于自身原本位置进行移动• 常用于微调布局或作为绝对定位元素的参考父级
• 不影响其他元素的排布
absolute（绝对定位）
元素脱离文档流，不再占据空间，其位置相对于最近的已定位祖先元素（即 position 为 relative、absolute、fixed 或 sticky 的父级），如果没有，则相对于初始包含块（通常是视口）。
立即学习“前端免费学习笔记（深入）”；
• 脱离文档流，可能覆盖其他元素
• 常用于弹窗、悬浮按钮、精确布局控制
• 父元素建议设置 position: relative 来建立定位上下文
fixed（固定定位）
元素脱离文档流，位置相对于浏览器视口固定，不会随页面滚动而移动。
• 常用于导航栏、返回顶部按钮等需要“始终可见”的组件• 相对于视口定位，与父元素无关
• 在移动端使用时需注意兼容性和滚动表现
sticky（粘性定位）
结合了 relative 和 fixed 的特点。元素在滚动到特定阈值前表现为相对定位，到达临界点后变为固定定位。
• 需要设置 top、bottom、left 或 right 才能生效• 常用于表格表头、侧边栏跟随等场景
• 父元素不能有 overflow:hidden 等限制，否则失效
基本上就这些。掌握这五种 position 属性，就能应对大多数网页布局需求。关键是理解它们是否脱离文档流、相对于谁定位，以及如何影响周围元素。实际使用中多尝试组合效果，更容易加深理解。不复杂但容易忽略细节。
