Flex layout is evenly divided into height, there is no adaptive content height, how to return a responsibility? Attached picture

Css
Mar.13,2021

my guess is that you should set the growth and reduction of child elements in the flex layout.

my solution is that you can try adding a line of code like this to all the child elements:

flex: 1 1 auto;

if you don't understand, you can refer to my explanation below

flex-grow: 0;
    /*Flex 0 */
flex-shrink: 1;
    /*Flex 1 */
flex-basis: auto;
    /*Flex width auto */
    /*flex-basis: 300px || em || rem || % || ... 0 ; */
flex: 0 1 auto;
    /*flex-grow,flex-shrinkflex-basisborder*/
    /*flex: 0 0 auto;    */
    /*flex: 1 1 auto; flex:auto; */
    /*flex:  1 0; flex:; */
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e478c9-44c41.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e478c9-44c41.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?