CSS中 display:flex的align-items: stretch;

在使用 Flexbox（display: flex）布局时，子元素默认的主轴交叉轴（通常是纵向的高度）对齐方式是 align-items: stretch，这个 stretch 是一个对齐属性的值，意思是让子元素沿着交叉轴拉伸填满容器。举例:

.container {
  display: flex;
  align-items: stretch; /* 这个 stretch 是 Flexbox 的属性值 */
}

这会让 flex 子元素在高度上自动拉伸填满父容器的高度。

注意这里的 stretch 是用在 align-items 或 align-self 属性上的，不是 height。