Как сделать блоки одинаковой высоты при display:flex?

Question

[eugenedrvnk]

Высота родительского элемента формируется в зависимости от его наполнения. Каким образом можно сделать так, что бы высота меньшего элемента, приравнивалась к высоте большего? (в моём случае высота зелёного квадрата к высоте синего)

Comments

[Aetae]

Не задавать height?

[eugenedrvnk]

Aetae, извиняюсь, мозг уже изрядно поплыл просто) в проекте стояло height: 100% у дочерних элементов и из-за не растягивалось ничего.

Answer 1

[Антон Антон]

Задавать высоту контейнеру, а не самим блокам, а лучше 0 задавать min-height

Answer 2

[Арсений Матыцин]

Они по умолчанию растягиваются по размеру родителя, если ты не указал иное условие. В примере иное условие это height: 100%; у класса .box1. Убери его и почитай документацию flex.