设置固定高度使用min-height设置align-items属性子项设置高度使用flex-grow清除浮动（如果存在浮动元素）示例：
align-self: auto作用：继承父容器的 align-items 值。示例：效果：子项垂直居中（与父容器 align-items 一致）。align-self: stretch作用：拉伸子项以填满交叉轴方向的空间（高度/宽度）。示例：效果：子项高度变为 200px（与父容器等高）。关键区别auto：依赖父容器的 align-items。stretch：强制拉伸，无视父容器设置。适用场景a
Flexbox基础属性1. display: flex作用：将容器设为Flex布局。示例：2. flex-direction作用：定义主轴方向。取值：row（默认）：水平排列（左到右）。row-reverse：水平排列（右到左）。column：垂直排列（上到下）。column-reverse：垂直排列（下到上）。示例：3. flex-wrap作用：控制子项是否换行。取值：nowrap（默认）：不换
