在一个 Flex 容器中，有两个子元素，要求右边的盒子无论左边盒子是否存在或消失，都始终保持在容器的最右边。你尝试过 `margin-left:auto`，也提到了 `space-between`，但面试官认为还不完整。请给出更完善的通用方案，并说明两者的区别与适用场景。
考察说明
考察 Flex 布局对元素对齐的掌握以及边界场景的处理
回答思路
- 能指出 `justify-content:flex-end` 让右盒始终贴右
- 能说明 `margin-left:auto` 在左盒存在时可生效，但左盒消失时右盒会回到起点
- 能分析 `space-between` 在只有一项时右盒不会贴右的原因
- 能给出同时保证右盒贴右的稳键方案，如设置右盒 `margin-left:auto` 且容器设 `justify-content:flex-start`
本题已收录答题指导
本题附完整参考答案与评分标准
登录后可查看结构化答题指导；也可以直接开一场模拟面试，AI 面试官用本题实时追问并给出评分。