解释 CSS 的 position 属性（static/relative/absolute/fixed/sticky）以及它们的区别。

Explain the various CSS `position` properties and their differences.

题目类型: 技术面试题

这是一道技术面试题，常见于澳洲IT公司面试中。

难度: medium

分类: css-fundamentals

标签: CSS, Position, Layout

参考答案摘要

答案 static：默认值，元素按文档流正常布局，top/right/bottom/left 不生效。 relative：相对其“原本位置”偏移，但仍占据原来的空间；常作为 absolute 子元素的定位参考（形成包含块的条件之一）。 absolute：脱离文档流，相对最近的“非 static 定位祖先”或初始包含块定位；不再占据原位置。 fixed：脱离文档流，相对视口定位；滚动页面时位置不变（...

本题提供 STAR 原则详细解答和技术解析，登录匠人学院学习中心即可查看完整答案。