请解释 CSS Flexbox 中 flex:1 的含义及其对子元素尺寸的影响。
考察说明
考察对 Flexbox 弹性布局中 flex 属性简写及其计算规则的理解
回答思路
- 说明 flex:1 是 flex-grow、flex-shrink、flex-basis 的简写
- 解释 flex-grow:1 表示按比例分配剩余空间
- 说明 flex-basis:0% 导致初始尺寸为0，完全依赖分配
- 区分 flex:1 与 flex:auto 或未设置时的行为差异
本题已收录答题指导
本题附完整参考答案与评分标准
登录后可查看结构化答题指导；也可以直接开一场模拟面试，AI 面试官用本题实时追问并给出评分。