css - 如何用flex实现三栏布局，但是子元素高度要自适应呢？

问题描述

问 题

我想用flex实现图中的三栏布局，目前遇到如下问题：

当父元素设置display: flex后，三栏的高度是相同的，而我希望三栏的高度是自适应的，我尝试设置flex-direction:colume和flex-flow:row nowrap都达不到想要的效果，有没有人知道该如何设置呢？

解决方案

很简单
不考虑换行的话
demo1

这篇关于css - 如何用flex实现三栏布局，但是子元素高度要自适应呢？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！