índice.html
<div class="list"> <ul> <li>item1</li> <li>item2</li> <li>item3</li> </ul> </div>estilo.css
.list { display: flex; flex-direction: column; max-height: 200px !important; overflow: auto; min-height : 115px; }en el código anterior, la cantidad de elementos li dentro de la etiqueta ul puede variar, por lo que quiero mantener la altura para el div solo que será necesario para que las etiquetas li se muestren completamente cómo cambiar la altura dinámicamente según la cantidad de elementos li y el espacio que ocupan
Intente agregar max-height al css de la clase que está utilizando.
.list { display: flex; flex-direction: column; max-height: 200px !important; overflow: auto; min-height : 115px; max-height: 100%; }