如果要让 子元素充满 flex 父容器高度，我们需要先了解： align-items 属性有那些。 文档传送门
从上面的链接文档中得知，align-items默认为stretch， 也就是它会自动充满容器相同的高度或宽度。所以如果有其它样式设置了 align-items时， 只需要覆盖就可以实现充满。 当然也可以使用其它的几个属性，效果类似：
align-items: normal; // 因为对于那些弹性项目而言，效果和stretch一样
align-items: stretch; // 提到过， 会自动填充父容器相同高度
align-items: inherit; // 继承父级配置，如果父级未设置时，那么同等与 stretch
align-items: initial; // 默认属性 也就是 stretch
align-items: unset; // 有父级属性则继承，无父级属性则默认值。
// 这些属性以为的都不会充满父容器高度， 子元素只会根据自身的内容适应高度
贴一段代码，有更深刻的认识。 Go Code Pen