Hoogte van de ouder van flex elementen in CSS
Als er geen hoogte is ingesteld voor de ouder van flex elementen, dan zal deze in hoogte worden uitgerekt door zijn inhoud, dat wil zeggen door de hoogte van de child elementen:
<div class="parent">
<div class="child">1</div>
<div class="child">2</div>
<div class="child">3</div>
</div>
.parent {
display: flex;
width: 300px;
border: 1px solid red;
}
.child {
width: 50px;
height: 50px;
border: 1px solid green;
}
:
