Вот есть такой код. В нём флекс элементы имеют высоту по его содержимому, но при этом расположение элементов растягивается на высоту флекс контейнера, а нужно что бы не растягивалась, вот так
body {
height: 200px;
}
.flex {
border: 1px solid;
width: 50%;
height: 100%;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
.elem {
border: 1px solid red;
}
<div class="flex">
<div class="elem">Element</div>
<div class="elem">Element</div>
<div class="elem">Element</div>
<div class="elem">Element</div>
<div class="elem">Element</div>
<div class="elem">Element</div>
<div class="elem">Element</div>
<div class="elem">Element</div>
<div class="elem">Element</div>
</div>