Как расположить 2 и 3 блоки один под другим?

Народ, подскажите, как расположить 2 и 3 блоки один под другим чтобы блок-1 и 2-й с 3-м занимали по 50%

5e79e0c3b5679853309902.png

  • Вопрос задан
  • 72 просмотра
Пригласить эксперта
Ответы на вопрос 1
ArsenyMatytsyn
@ArsenyMatytsyn
Руководитель frontend направления, предприниматель
5e79f7d1ebbba647729703.png

Тут 4 «дива». Если первые два находятся в обертке флекса, то высота по умолчанию зависит один от другого (свойство со stretch). Поэтому, если второй сделать тоже флексом (может быть даже ориентацией column), и его детям высоту по 50%, то получится как на пикче. Кстати, это будет работать и в обратную сторону, при переполнении второго блока, высота первого возрастет. Можно захардкодить фиксированными размерами.

Ну или по старинце нафигарить абсолютным позиционированием\таблицами, тут уж на что рука поднимется.

Минусы: осттупы. Если они тебе нужны, без некоторой боли ты их просто так не сделаешь, по умолчанию gap есть у гридов. Но его [грид] не ест осел.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы