互联网/IT行业面试题更新 2026-08-05

绝对定位 + translate 实现居中时,为什么需要使用 translate(-50%, -50%)?

安恒信息前端/移动开发互联网/IT技术原理CSS

考察说明

考察 transform 百分比基准与绝对定位偏移的关系

回答思路

  1. 说明 top/left 百分比相对于父容器计算
  2. 说明 translate 百分比相对于自身宽高计算
  3. 解释两者叠加才能精确居中
  4. 能说明该方法的边界与替代方案
本题已收录答题指导

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

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