Flex布局 应如何理解？及其使用场景？

【概念释义】

Flex布局（Flexible Box Layout，弹性盒布局）是 CSS3 引入的一种一维布局模型，旨在提供更高效、更灵活的方式来分配容器内子元素的空间、对齐方式与排列顺序。它的核心设计思想是让容器能够根据可用空间自动调整子元素的尺寸、间距和排列方向，从而适应不同屏幕尺寸和设备。

通俗理解：传统布局（如 float、position）需要手动计算每个元素的位置和宽度，而 Flex 布局只需告诉容器“子元素应该怎么排列、怎么对齐”，浏览器会自动完成剩余计算，极大简化复杂布局的编写。

【基础使用】