Сціск flex блокаў пры недастатку месца ў CSS

Няхай у нас ёсць тры флекс-блокі, размешчаных унутры бацькі ў шэраг. Кожнаму блоку-нашчадку зададзена шырыня ў 100px, а іх бацьку - 300px:

Дададзім больш блокаў так, каб сумарная шырыня гэтых блокаў-нашчадкаў была больш, чым шырыня іх бацькі. У гэтым выпадку вы ўбачыце нечаканы эфект - шырыня блокаў памяншаецца так, каб яны ўсе змясціліся ў іх бацьку, ня гледзячы на тое, што блокам-нашчадкам явна паказана шырыня: