Pengaragh Keserakahan Elemen terhadap Pengecutan Blok Flex dalam CSS

Sekarang mari kita lihat pengaragh keserakahan. Kita akan hapuskan lebar untuk semua anak elemen dan tetapkan flex-grow kepada 1 untuk anak elemen tersebut, dan untuk anak elemen kedua - kepada nilai 3. Hasilnya, blok kedua akan 3 kali lebih besar daripada yang lain.

Walau bagaimanapun, jika tetingkap dikecutkan dengan cukup kuat, blok kedua tidak akan lagi lebih besar daripada yang lain 3 kali - dengan pengecutan yang kuat, perbezaannya menghilang. Pastikan diri anda dengan mencuba contoh di bawah, mengembangkan dan mengecutkan tetingkap penyemak imbas: