@AE42

Как заполнить пустоту по высоте?

Добрый день!
Как заполнить остаток места по высоте?
При этом должны сохраняться маржины и не должно быть скролла
height: 100vh; не помогает, появляется скролл

Пример:
  • Вопрос задан
  • 48 просмотров
Решения вопроса 1
kotboris
@kotboris
Руководитель студии, дизайнер и разработчик сайтов
height: 100vh; не помогает, появляется скролл

Дело в том, что браузер не учитывает высоту вашего навбара. Ее нужно вычесть из высоты дисплея. Делается это при помощи функции calc();
В вашем случае будет выглядеть так:
.main {
  display: flex;
  height: calc(100vh - 56px);
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
@Samuel_Leonardo
Почистите стили по умолчанию для браузера,
body{
margin:0;
}


можно использовать бибиотеки типа reset.css или normalize.css
Ответ написан
Ваш ответ на вопрос

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

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