@Evtera

Как использовать 100vh правильно?

Здравствуйте. Такая ситуация:

У сайта есть шапка, под ним есть блок с картинкой на всю высоту экрана. Ему задаю параметр min-height: 100vh. Блок растягивается и появляется скролл размером с высоту шапки сайта.

Подскажите, как можно убрать этот скролл? Перебирать значение min-height не вариант. Пробовал задавать фиксированную высоту у шапки, а потом min-height: calc(100vh - #{$headerHeight}). Работает, но похоже на костыль.

Есть какие-то боле изящные варианты?
  • Вопрос задан
  • 133 просмотра
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Можно использовать гриды. Контейнер с высотой 100vh и 2 строки. min-content и 1fr
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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