消费品/零售行业面试题更新 2026-08-05

假设一个父组件宽度为1000px,设置为display:flex,三个子组件的宽度分别为100、200、300px,子组件会如何排列?

哈啰出行前端/移动开发消费品/零售技术原理CSS

考察说明

考察Flex布局的基本排列规则与剩余空间处理

回答思路

  1. 正确说明flex容器主轴方向默认水平排列
  2. 指出三个子组件依次排开且宽度保持设定值
  3. 分析剩余空间400px的分配默认不撑开子项
  4. 提及未设置flex-grow时子项宽度不变
本题已收录答题指导

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

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