relative、fixed、absolute 和 static 定位元素有什么区别？（包含 sticky）

What's the difference between a relative, fixed, absolute and statically positioned element? (including sticky)

题目类型: 技术面试题

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

难度: medium

分类: CSS Layout

标签: css, position, static, relative, absolute, fixed, sticky

参考答案摘要

答案 一个“定位元素”（positioned element）指其计算后的 position 值为 relative 、 absolute 、 fixed 或 sticky 的元素。 static ：默认定位方式；元素按正常文档流排列， top/right/bottom/left 与 z-index 不生效。 relative ：相对自身原本位置进行偏移，不改变文档流布局（原位置仍保留占位）。 a...

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