CSS3 - для новых(IE8+) браузеров
Для современных браузеров подойдёт решение с CSS3 единицами 'vh'. Для старых браузеров придётся использовать CSS2 или задействовать javascript
body {
height: 100vh;
}
В любом случаи необходимо
смотреть поддержкуCSS2 - для всех старых браузеров
Корневой элемент html на самом деле не самый верхней уровень на странице — им является «viewport». Для простоты, будем считать, что это окно браузера. Так вот, если установить height: 100% элементу html, то это то же самое, что сказать — стань такой же высоты, как окно браузера
html, body, .container {
height: 100%;
}
Если не задать html {height: 100% }, то body {height:100%} не имеет смысла
JavaScript(Jquery) - для старых браузеров и в самом крайнем случаиfunction setHeiHeight() {
$('#hei').css({
height: $(window).height() + 'px'
});
}
setHeiHeight(); // устанавливаем высоту окна при первой загрузке страницы
$(window).resize( setHeiHeight ); // обновляем при изменении размеров окна
Думаю что Коментарии тут не требуются
