Chiều rộng của phần tử cha trong Flexbox CSS
Nếu phần tử cha của các phần tử flex không được đặt chiều rộng, thì nó sẽ chiếm tất cả không gian có sẵn theo chiều rộng:
<div class="parent">
<div class="child">1</div>
<div class="child">2</div>
<div class="child">3</div>
</div>
.parent {
display: flex;
border: 1px solid red;
}
.child {
width: 50px;
height: 50px;
border: 1px solid green;
}
:
