Chiều cao của phần tử cha Flex trong CSS
Nếu phần tử cha của các phần tử flex không được đặt chiều cao, thì về chiều cao, nó sẽ kéo giãn theo nội dung của nó, tức là theo chiều cao của các phần tử con:
<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;
}
:
