Как растянуть основной блок на всю страницу?

Question

[Nimbus1996]

Привет! У меня имеется страница корзины нужно растянуть её на всю высоту окна браузера и прижать footer к низу, подскажите как сделать это без дополнительного wrapper, потому что на других страницах его нет и потом бэкэндщик будет работать с кодом и возьмет только блок с содержимым корзины, если я правильно понимаю, в общем нужно какое-то элегантное решение проблемы без создания дополнительных оберток, возможно как-то рассчитать по формуле. Когда корзину пустая или одна позиция то минимальная высота должна быть 100vh, а когда позиций 2 и более, то страница как обычно скролится

Comments

[Вадим]

Так
Или так

2. Перед тем как задать вопрос пользователь Сервиса обязан:
2.2 Убедиться в том, что в сети Интернет, и на страницах Сервиса в частности, отсутствуют ответы на данный вопрос. Специально для этого талантливые IT-специалисты создали и развивают поисковые системы Яндекс и Google.

Answer 1

[Стефан]

Я может не совсем првильно понял, но если вам нужна минимальная высота блока во весь экран то есть свойство в css, min-height и calc:

.основной-блок-корзины {
    min-height: calc(100vh - <высота хедера и футера>);
}