Свойство flex-basis указывает начальный размер элемента до того, как CSS выполнит корректировки с flex-shrink или flex-grow . Единицы, используемые свойством flex-basis такие же, как и другие свойства размера ( px , em , % и т. Д.). Значение auto определяет размеры элементов на основе содержимого.

Установите начальный размер ящиков с использованием flex-basis . Добавьте свойство CSS flex-basis как в #box-1 и в #box-2 . Дайте #box-1 значение 10em и #box-2 значение 20em .