深圳虾皮信息科技有限公司面试题更新 2026-08-05

position属性有哪些取值,各自的区别是什么?

深圳虾皮信息科技有限公司前端/移动开发互联网/IT技术原理方案权衡CSS

考察说明

考察CSS定位机制的理解与各取值的作用场景

回答思路

  1. 能列出static、relative、absolute、fixed、sticky等取值
  2. 说明relative相对于自身原位置偏移且不脱离文档流
  3. 说明absolute相对最近非static祖先定位并脱离文档流
  4. 说明fixed相对视口定位,sticky在阈值内相对滚动容器
本题已收录答题指导

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

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