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

请解释 CSS Flexbox 中 flex:1 的含义及实际效果。

小米集团网易前端/移动开发互联网/IT电子/半导体技术原理CSS

考察说明

考察对 Flexbox 主轴尺寸分配与简写属性的理解

回答思路

  1. 说明 flex:1 是 flex-grow、flex-shrink、flex-basis 的简写
  2. 指出 flex-grow:1、flex-shrink:1、flex-basis:0% 的等效值
  3. 解释当多个子项设置 flex:1 时如何均分剩余空间
本题已收录答题指导

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

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