Flex blokkok összenyomódása helyhiány esetén CSS-ben

Tegyük fel, hogy három flex blokkunk van, amelyek egy sorban helyezkednek el a szülőn belül. Minden gyermek blokknak 100px szélesség van megadva, a szülőjüknek pedig 300px:

Adjunk hozzá több blokkot úgy, hogy a gyermek blokkok összesített szélessége nagyobb legyen, mint a szülőjük szélessége. Ebben az esetben egy váratlan hatást fog látni - a blokkok szélessége lecsökken annyira, hogy mind beférjenek a szülőjükbe, annak ellenére, hogy a gyermek blokkoknak kifejezetten meg van adva a szélességük: