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:; */
Menu