CSS'te Yetersiz Alan Durumunda Flex Blokların Sıkıştırılması

Diyelim ki bir satır içinde ebeveynin içinde yerleştirilmiş üç flex bloğumuz var. Her alt bloğa 100px genişlik verilmiş ve ebeveynlerine - 300px:

Bu alt blokların toplam genişliği, ebeveynlerinin genişliğinden daha fazla olacak şekilde daha fazla blok ekleyelim. Bu durumda beklenmedik bir etki göreceksiniz - blokların genişliği, alt bloklara açıkça genişlik belirtilmesine rağmen, hepsinin ebeveynlerine sığması için azalacaktır: