猫眼面试题更新 2026-08-05

position:fixed 和 position:absolute 的区别有哪些?

猫眼前端/移动开发消费品/零售技术原理CSS

考察说明

考察CSS定位机制的理解与对比分析能力

回答思路

  1. 准确说明两者定位参照物不同:fixed相对于视口,absolute相对于最近的已定位祖先
  2. 说明fixed元素不随页面滚动而移动,absolute会随页面滚动
  3. 提及fixed脱离文档流且不占位,absolute也脱离文档流但定位上下文不同
  4. 补充fixed的经典使用场景(如固定导航)与absolute的常见用途(如相对定位内的子元素)
本题已收录答题指导

本题附完整参考答案与评分标准

登录后可查看结构化答题指导;也可以直接开一场模拟面试,AI 面试官用本题实时追问并给出评分。