Возможно ли задать такое расположение блоков flex?

Question

[Алексей Скляров]

Есть первый экран с высотой 100vh. В нем помещается 3 блока, для простоты: header, article, footer. То есть есть шапка с логотипом и меню, после него идет большой заголовок с кнопкой, после уже футер с какими-либо элементами навигации.

Вопрос в следующем, можно ли с помощью флексов быстро расположить эти 3 блока друг за другом так, чтобы header и footer были сверху и снизу экрана соответственно, а article занимала бы все оставшуюся часть экрана по середине (то есть высота сама подгонялась, так как header и footer должны всегда показываться на экране любой высоты)?

Comments

[Лисбет Саландер]

это можно сделать куда проще без flex

[Алексей Скляров]

пока я знаю только костыльный метод: с помощью calc мы вычисляем высоту article и все, то есть header и footer заведомо известны, и article мы задаем height: calc(100vh - h);

Answer 1

[frammmm]

Так?