Как мы можем иметь детский элемент заполнить высоту своего родителя, если не использовать фиксированную высоту, а подгот ⇐ CSS

[Anonymous]

У меня есть меню, состоящее из UL и Li, упрощенное, как показано ниже. Я не хочу устанавливать фиксированную высоту в PX, ни для UL, ни LI. Для Li я использую высоту: подготовительный контент. Высота всего LI может измениться в соответствии с текстом внутри. Я хочу, чтобы все было то же самое, что и самая большая высота (или родительская гибкая UL) и использование оправданного контента: Space-Betwwew Между; Для моего Div.Wrapp. Мы могли бы достичь этого с помощью JavaScript, получив значение высоты самого высокого LI, но есть ли более простое решение для CSS?

• testint
  
  
• testing length
  
  
• testing lenth of text
  
  
• testing big length when text on li
  
  

< /code>
.ul_listing{
display: flex;
flex-direction: row;
width: 450px;
}

.lists{
display: flex;
/*height: 250px; /*works with fixed height */
height: fit-content; /*does not work with fit-content*/
}

.wrapp{
display: flex;
align-items: center;
flex-direction: column;
justify-content: space-between; /* does not work if fit-content for li */
}


Подробнее здесь: https://stackoverflow.com/questions/795 ... -not-using