flex 布局 子元素不设置宽高，高度撑满父元素的问题

在 flex 布局中，我们通过 align-items 来控制元素在交织轴上的对齐方式。
它可能取5个值：
flex-start: 交织轴的出发点对齐
flex-end: 交织轴的尽头对齐
center: 交织轴的中点对齐。
baseline: 项目标第一行笔墨的基线对齐。
stretch (默认值）: 假如子元素未设置高度大概高度为auto，将占满整个容器的高度。
当我们没有给子元素增加高度的时间，其在交织轴方向的对齐方式就是默认值 stretch，因此他的高度与父元素的高度划一。

如上图所示，当 box 的align-items 属性是默认值的时间，box-item 的高度是与父元素的高度划一的，当给align-items 增加其他的属性时，box-item的高度也发生改变。

来源：https://blog.csdn.net/qq_42816270/article/details/129000849
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！