html - コンテンツが含まれていない場合でも、ドキュメントの高さ全体にまたがる div を作成するにはどうすればよいですか?

Question

他にコンテンツがない場合でも、ページの上部から下部まで伸びる「コンテンツ」という div が必要です。非常に単純な CSS を使用してこれを行う方法を理解しようとしているので、既存のサイトに実装できます。これが私が遊んでいるコードです：

html {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
body {
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;

}
#content
{
    position: relative;
    top: 0;
    margin: 0 auto;
    border: 1px solid red;
    width: 70%
}

これで div が作成されますが、最終的には画面上部の赤い線に過ぎません。追加height: 900px;すると機能しますが、特定の測定値を使用しないようにしています。

Answer 1

どう#content { height: 100%; ... }ですか？

Answer 2

必要に応じて拡張できるように使用min-height:100%し、他のすべてのルールを削除します (何もしていません)。