logo

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 原则详细解答和技术解析,登录匠人学院学习中心即可查看完整答案、收藏题目并进行模拟面试练习。

← 返回面试题库

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

中等css

想查看完整答案?

登录匠人学院学习中心,获取 STAR 格式回答和详细技术解析

前往学习中心查看答案