tigroid3
@tigroid3
PHP, YII2, SQL, Postgres, Docker, SPHINX, GIT

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

Как растянуть блок .middle до .footer
одно дело когда фон конента и фон обёртки совпадает, а если у меня разные фоны?
https://jsfiddle.net/Lwa7g79o/
  • Вопрос задан
  • 275 просмотров
Пригласить эксперта
Ответы на вопрос 4
Uwe_Boll
@Uwe_Boll
Я Злой и Страшный Уве Болл в Разработке знаю Толк
набить его контентом
Ответ написан
BedwaRe
@BedwaRe
Пиши код
Обычно имеет смысл растягивать высоту блока по содержимому. Достаточно разместить .footer сразу под блоком .middle.
Ответ написан
mr_dev1l
@mr_dev1l
Технический верстальщик
ну можно заморочиться скриптом.
var headH = $(".header").height();
var footerH = $(".footer").height();
var windowH = $(document).height();
var middleH = windowH-headH-footerH;
$(".middle").css("height", middleH);

ну обернув все это в resize.
Ответ написан
zooks
@zooks
Frontend
В случае IE10+ можно заюзать Flex.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы