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

Question

[tigra]

Как растянуть блок .middle до .footer
одно дело когда фон конента и фон обёртки совпадает, а если у меня разные фоны?
https://jsfiddle.net/Lwa7g79o/

Answer 1

[Uwe_Boll]

набить его контентом

Comments

[tigra]

одно дело когда фон конента и фон обёртки совпадает, а если у меня разные фоны?

Answer 2

[Дмитрий Сурин]

Обычно имеет смысл растягивать высоту блока по содержимому. Достаточно разместить .footer сразу под блоком .middle.

Comments

[tigra]

одно дело когда фон конента и фон обёртки совпадает, а если у меня разные фоны?

[Дмитрий Сурин]

Я думаю должно быть как-то вот так - https://jsfiddle.net/j9b1z6ho/

Answer 3

[mr_dev1l]

ну можно заморочиться скриптом.

var headH = $(".header").height();
var footerH = $(".footer").height();
var windowH = $(document).height();
var middleH = windowH-headH-footerH;
$(".middle").css("height", middleH);

ну обернув все это в resize.

Comments

[tigra]

хочется именно css решение, на js уже есть, но просто не хочется тянуть лишние скрипты

Answer 4

[zooks]

В случае IE10+ можно заюзать Flex.