relative、absolute、fixed、static 定位有什么区别？

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

题目类型: 技术面试题

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

难度: medium

分类: css

标签: position, layout

参考答案摘要

答案 static：默认值，按正常文档流排版，top/right/bottom/left 与 z-index 不生效。 relative：相对自身原位置偏移，原位置仍保留占位（不影响其他元素布局的“空位”）。 absolute：脱离文档流，相对最近的已定位祖先（非 static）定位；若无则相对初始包含块；不影响其他元素布局。 fixed：脱离文档流，相对视口定位，滚动时位置不变。（补充：stic...

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