CSS'te Esnek Blokların Sıkışmasında Ebeveyn Genişliğinin Yüzde Olarak Etkisi

Şimdi satır halinde düzenlenmiş beş flex öğemiz olduğunu varsayalım. Ebeveyne genişliği yüzde olarak atayalım ve şimdi tüm alt öğelere 100px genişlik verelim.

Aşağıdaki örneği açın ve öğelerin ebeveynin içine sığmaması için tarayıcı penceresini küçültün. Bunun için pencereyi 500px'den daha az bir değere sıkıştırmanız gerekiyor, çünkü elimizde 5 adet, her biri 100px genişliğinde öğe var. Bildiğiniz gibi, bu şekilde sıkıştırıldığında tarayıyıcı, öğelerin ebeveynin içine sığması için genişliklerini zorla 100px'den daha düşük bir değere indirecektir. İşte örnek: