Сжатие flex блоков при недостатке места в CSS

Пусть у нас есть три флекс-блока, расположенных внутри родителя в ряд. Каждому блоку-потомку задана ширина в 100px, а их родителю - 300px:

Давайте добавим больше блоков так, чтобы суммарная ширина этих блоков-потомков была больше, чем ширина их родителя. В этом случае вы увидите неожиданный эффект - ширина блоков уменьшится так, чтобы они все вместились в их родителя, ни смотря на то, что блокам-потомкам явно указана ширина: