Также если еще варианты на тему как нужно растянуть на 100% по высоте экрана монитора.
HTML
Код
<html>
<body>
<div style="height: 100%; background:#c9c;">
<p>Блок, который должен растянуться на 100% высоты окна браузера</p>
</div>
</body>
</html>
Демонстрация
Второй вариант:
Если произошло, что просто свойство не работает, а точнее блок не хочет растягиваться по всей ширине окна браузера.
Ответ:
Все дело в том, что 100% должны браться от высоты родительского элемента. А какая у нас высота родительского элемента? Для элемента div, в данном примере, этими родительскими элементами являются элементы body и html.
По умолчанию, свойство height этих элементов принимает значение auto, а значит эти элементы имеют такую высоту, чтобы вместить в себе всю содержимое и не больше.
Чтобы изменить ситуацию, родительским элементам body и html также нужно добавить свойство height 100%.
Код
html, body {height:100%;}
HTML
Код
<div style="height: 100%; background:#c9c;">
<p>
Блок, который должен растянуться на 100% высоты окна браузера
</p>
</div>
Демонстрация
