подходящая обертка до 100% ширины и высоты

Question

Я хотел бы создать div, который соответствует полной высоте и ширине окна просмотра браузера. Я просто подумал о простых CSS, таких как:

#wrapper { width: 100%; 
      height: 100%; 
      background-color: red; 
} 

но он не работает для высоты. #wrapper не имеет высоты. Зачем?

Заранее спасибо.

Answer 1

#wrapper { 
    position: absolute; 
    width: 100%; 
    height: 100%; 
    background-color: red; 
} 

http://fiddle.jshell.net/zDuWh/

или

html, body { height: 100% } 

#wrapper { 
    width: 100%; 
    height: 100%; 
    background-color: red; 
} 

http://fiddle.jshell.net/VJv6h/

Answer 2

Как об этом: -

#wrapper { 
    position: absolute; 
    width: 100%; 
    height: 100%; 
    background-color: red; 
} 

или

html { height: 100% } 
body { height: 100% }