文章详情页

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

【字号：大中小】日期：2022-12-09 18:53:48浏览：27作者：猪猪

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

问题解答

回答1：

很简单不考虑换行的话demo1

CSS

上一条：<caption> <colgroup><col> <thead><tbody><tfoot> 该怎么运用这些标签下一条：html5 - html web 打包成android app

排行榜

					
					angular.js - 请教angularjs里html和js通信的问题
前端 - 请教一下CSS3中translateZ和rotateY书写顺序的问题
java - mybatis，调用存储过程，“setselect”附近有语法错误。
html5 - 目前  公司App 嵌入H5页面  做个 手机支付功能  没有做过  所以 请求各位有经验的  给个思路
css3 - css字体样式加填充色而不是背景色
mysql5.7 json查询支持
javascript - 请问一下react-native 布局的时候，尺寸的大小是如何确定的呢？
Python如何考虑代码注入安全？
css3中translate(-50%,-50%)对 transform-origin的奇葩影响？
javascript - 实参和形参有哪些通俗的命名吗？尤其形参
css - Flexbox 怎么实现多行多列
				

热门标签