flex垂直排列，一个子元素自适应占满剩余空间

flex布局默认情况下是水平排列的

想要将多个字元素排列，其中一行占满剩余空间可以使用flex：1，（其他元素不设置）

但是在垂直排列的时候，单纯使用flex：1，是不能满足自适应占满剩余空间的，需要搭配如下两个属性：

-webkit-box-orient:vertical;

display:-webkit-box;

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容