html - ラッパーを 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% }