首页 > 技术文章 > css3 flex布局解决两个高度不固定的元素怎么让一个自适应宽高,另一个撑满。

art-poet 2020-11-17 20:17 原文

一、实现方法

小技巧,最外层元素高度100%,flex布局,flex-direction为cloumn, overflow为hidden;

 

里面子元素需要自适应宽高的元素给一个最小高度min-height;

 

另一个需要撑满的元素flex设置为1。

 

二、写法如下:

 

推荐阅读