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

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

题目类型: 技术面试题

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

难度: medium

分类: Layout

标签: position

参考答案摘要

答案 定位元素是指其计算后的 position 属性为 relative、absolute、fixed 或 sticky 的元素。 static：默认值；元素按正常文档流布局。top/right/bottom/left 和 z-index 不生效。 relative：相对自身原本位置偏移，不改变布局（原位置仍保留空隙）。 absolute：脱离文档流；相对最近的已定位祖先元素定位（若没有则相对初始...

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