Как на flex перенести блок под блок меньшего размера?

Question

[Анатолий]

Как блок C убрать под B?
Для примера накидал через float, там видно, что C уходит по B.
Как это сделать на flex?

Comments

[Ankhena]

На флексах без доп оберток и указания конкретной высоты для wrap - никак. Да и с высотой будет не так, как вы хотите.

В некотором роде помогут css columns, но какой блок откажется в какой колонке плохо предсказуемо.

[Анатолий]

Ankhena, а кроме флексов есть решение? Например гриды?

[Ankhena]

Анатолий, js

[Анатолий]

Ankhena, но это к стилям уже совсем никого отношения не имеет ))

Answer 1

[Владислав Лысков]

https://codepen.io/Vlatqa/pen/abVJENP

Comments

[Анатолий]

Идею понял, но тогда теряется смысл во flex'е!
То есть, изначально 3 блока равномерно выравненные между собой:
justify-content: space-between;
Если объединить 2 блока в один контейнер, то нельзя будет их также выравнять, когда они расположены по горизонтали.

[Анатолий]

Хотя можно извратиться через calc ))