Compressie van flex blokken bij gebrek aan ruimte in CSS

Stel dat we drie flex-blokken hebben, gerangschikt in de ouder op een rij. A elk kindblok is een breedte toegewezen van 100px, en aan hun ouder - 300px:

Laten we meer blokken toevoegen, zodat de totale breedte van deze kindblokken groter is dan de breedte van hun ouder. In dit geval zul je een onverwacht effect zien - de breedte van de blokken wordt verkleind zodat ze allemaal passen in hun ouder, ondanks het feit dat aan de kindblokken expliciet een breedte is toegewezen: