Ảnh hưởng của chiều rộng phần trăm của phần tử cha đến việc thu nhỏ các khối flex trong CSS
Giả sử bây giờ chúng ta có năm phần tử flex,
sắp xếp thành một hàng. Hãy đặt chiều rộng cho phần tử cha
bằng phần trăm, và cho tất cả các phần tử con
chiều rộng là 100px.
Hãy mở ví dụ bên dưới và thu nhỏ
cửa sổ trình duyệt để các phần tử không còn
vừa với phần tử cha. Để làm điều này, cửa sổ cần được
thu nhỏ dưới 500px, vì chúng ta có 5
phần tử, mỗi phần tử 100px. Như bạn
đã biết, khi thu nhỏ như vậy, trình duyệt sẽ ép buộc
giảm chiều rộng của các phần tử xuống dưới 100px
để chúng vừa với phần tử cha. Vậy,
đây là ví dụ:
Hãy lặp lại ví dụ từ phần lý thuyết theo mẫu.
