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

Question

[Енот Енотов]

1)нужно растянуть блок content на всю высоту, написал :

.content {
	min-height: 100%;
}

но почему-то не растягивает, подскажите плиз почему?
https://jsfiddle.net/zgssLw1c/

Answer 1

[nurise]

можно заюзать
height: 100vh;

Answer 2

[Михаил Власов]

dimox.name/press_footer_bottom_with_css

Answer 3

[Енот Енотов]

Спасибо за варианты - все перечитал, но многое не будут работать на IE.
Пока не знаю какой вариант лучше сделать:(

"у .wrapper не задана высота."
А если сделать костыль на JS, который будет следить за resize и задавать высоту wrapper в пикселях?
не будет ли это лучше?

Answer 4

[Илья Пирожок]

Вот кусочек кода JS, при загрузке страницы он автоматически будет делать высоту твоего блока равной высоте дисплея устройства на котором просматривается страница, думаю тут понятно всё.

function autoHeight () {
		$('.content').css('min-height', $(window).height());
	};

	autoHeight();

	$(window).resize(function() {
		autoHeight();
	});