Задать вопрос
@lilwings
css

Как сделать высоту блока на всю доступную высоту?

Есть такая верстка:

<body>
     <header>...</header>
     <section>...</section>
     <footer>...</footer>
</body>


body {
    padding-top: $header-height;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: max-content;
    min-height: 100%;
}

header {
    height: 56px;
}

footer {
    height: 60px;
}

section {
    height: 100%;
}


5e6b8af4cfb5d459961588.png

Как можно сделать высоту content во всю доступную высоту, и чтобы min-height была в max-content?
Вот так только рабочий код))
content {
    height: 100%;
    min-height: max-content;
}
  • Вопрос задан
  • 82 просмотра
Комментировать
Подписаться 1 Средний Комментировать
Решения вопроса 2
wapster92
@wapster92 Куратор тега CSS
Ответ написан
5 комментариев
5 комментариев
rockfeeler
@rockfeeler
Фронтендер, дизайнер, верстальщик-перфекционист
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Frontend React
Glob-com
от 100 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Геймдизайнер - просчет pvp боя (3 параметра) и накопление монет
23 апр. 2024, в 10:29
10000 руб./за проект
Помощь с С++ проектом
23 апр. 2024, в 10:24
2500 руб./в час
Залить товары и опции на сайт Опенкарт
23 апр. 2024, в 10:05
5000 руб./за проект
Ещё заказы