css3 flex布局解决两个高度不固定的元素怎么让一个自适应宽高,另一个撑满。
一、实现方法
小技巧,最外层元素高度100%,flex布局,flex-direction为cloumn, overflow为hidden;
里面子元素需要自适应宽高的元素给一个最小高度min-height;
另一个需要撑满的元素flex设置为1。
二、写法如下:
小技巧,最外层元素高度100%,flex布局,flex-direction为cloumn, overflow为hidden;
里面子元素需要自适应宽高的元素给一个最小高度min-height;
另一个需要撑满的元素flex设置为1。