CSS Div растянуть на 100% высоты страницы - PullRequest
Новая
       75

CSS Div растянуть на 100% высоты страницы

176 голосов
/ 03 апреля 2009

У меня есть панель навигации в левой части моей страницы, и я хочу, чтобы она растягивалась до 100% высоты страницы. Не только высота области просмотра, но и области, скрытые до прокрутки. Я не хочу использовать JavaScript для этого.

Можно ли это сделать в HTML / CSS?

Ответы [ 12 ]

1 голос
/ 06 октября 2014 

 
           document.body.onload = function () {
                var textcontrol = document.getElementById("page");
                textcontrol.style.height = (window.innerHeight) + 'px';
            }
<html>
<head><title></title></head>
<body>

<div id="page" style="background:green;">
</div>
</body>
</html>
1 голос
/ 26 апреля 2013 
* {
margin: 0;
}
html, body {
height: 90%;
}
.content {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto ;
}
Страница:
...