flex 子元素撑满父元素高度

写CSS，总容易忘记一些功能。今天又在网上查了一个用法。具体场景是，flex布局的容器中，怎么让其中的子元素高度能撑满整个容器的高度。

下面这个图，就是目标效果。

上面这个图，白色的容器里面可以分为三部分，容器使用flex布局。

我们可以发现，中间部分撑满了整个容器的高度的。这个效果的实现，就是通过 在中间部分写了一个样式实现的。

align-self:stretch