css3 flex布局解決兩個高度不固定的元素怎么讓一個自適應寬高,另一個撐滿。


一、實現方法

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

 

里面子元素需要自適應寬高的元素給一個最小高度min-height;

 

另一個需要撐滿的元素flex設置為1。

 

二、寫法如下:

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM