解释 CSS 的定位：`static` / `relative` / `absolute` / `fixed` / `sticky` 的区别与常见使用场景。

Explain CSS positioning: differences among `static`, `relative`, `absolute`, `fixed`, and `sticky`, plus common use cases.

题目类型: 技术面试题

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

难度: medium

标签: Salesforce, CSS, Positioning, Layout

目标岗位: UI Developer, Frontend Engineer, Web Developer

目标公司: Salesforce

参考答案摘要

答案 static ：默认值；元素按正常文档流布局； top/right/bottom/left 与 z-index 不生效。 relative ：相对“元素原本位置”偏移；仍占据原来的布局空间（会留下空位）。常用于作为 absolute 子元素的定位参考（配合设置定位上下文）。 absolute ：脱离文档流；相对最近的“非 static 的祖先”（定位上下文）定位；否则相对初始包含块（通常是 ...

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