前端/移动开发面试题更新 2026-08-05

假如父盒子宽度为100,两个子盒子分别设置flex为0.1和0.2,它们的宽度怎么分配?

滴滴前端/移动开发编码实现技术原理CSS

考察说明

考察flex-grow的数值与分配比例的关系

回答思路

  1. 识别flex简写中数字表示flex-grow
  2. 计算子盒子按比例分配剩余空间或总空间
  3. 得出两个子盒子宽度分别为33.33和66.67
  4. 理解flex-basis默认值为0%或auto的影响