消费品/零售行业面试题更新 2026-08-05
假设一个父组件宽度为1000px,设置为display:flex,三个子组件的宽度分别为100、200、300px,子组件会如何排列?
哈啰出行前端/移动开发消费品/零售技术原理CSS
考察说明
考察Flex布局的基本排列规则与剩余空间处理
回答思路
- 正确说明flex容器主轴方向默认水平排列
- 指出三个子组件依次排开且宽度保持设定值
- 分析剩余空间400px的分配默认不撑开子项
- 提及未设置flex-grow时子项宽度不变
本题附完整参考答案与评分标准
登录后可查看结构化答题指导;也可以直接开一场模拟面试,AI 面试官用本题实时追问并给出评分。