您的位置:首页技术文章
文章详情页

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

【字号: 日期:2022-12-09 18:53:48浏览:49作者:猪猪

问题描述

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

我想用flex实现图中的三栏布局,目前遇到如下问题:当父元素设置display: flex后,三栏的高度是相同的,而我希望三栏的高度是自适应的,我尝试设置flex-direction:colume和flex-flow:row nowrap都达不到想要的效果,有没有人知道该如何设置呢?

问题解答

回答1:

很简单不考虑换行的话demo1

标签: CSS