html - 垂直 div をコンテナーの高さ全体に強制する

Question

クライアント側のスクリプトを使用せずに全画面の高さの div を取得するのは不安定であることはわかっていますが、これについてはどうでしょうか: div が下部に到達するのに十分な高さであると仮定すると、少し余分なものを使わずに、非常に上部と下部に到達させるにはどうすればよいですか?上下のスペース？0px の上下のマージン (さらにはパディング) を追加しようとしましたが、うまくいかないようです。

#container {
    height: 1000px;
    width: 800px;
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px;
    overflow: hidden;
    background-color: #FFF;
    box-shadow: 0 0 10px rgba(0, 0, 0, 1);
}

Answer 1

これを試して：

html, body {
    height: 100%;
}

#container {
    height: 100%;
    width: 800px;
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px;
    overflow: hidden;
    background-color: #FFF;
    box-shadow: 0 0 10px rgba(0, 0, 0, 1);
}

Answer 2

height: 1000px;に変更height: 100%;