了解完这些之后，我们先来讲讲弹性flex布局—基本容器flex-basis、flex-grow、flex-shrink 是实现灵活布局的核心工具，尤其适合需要「自适应容器空间」的场景。【典型场景】：响应式导航栏导航栏通常包含「Logo、菜单选项、操作按钮」，需要在不同屏幕尺寸下自动调整布局：- 大屏幕时：元素均匀分布，充分利用空间- 中等屏幕时：菜单选项自动收缩，避免换行- 小屏幕时：优先保证关键