html - div をユーザーのブラウザ ウィンドウの高さに引き伸ばす必要がある

Question

ここでも初心者ですが、ある時点でこれを知っていたと確信していますが、もう覚えていません。

ここに私のフィドルがあります http://jsfiddle.net/rachelcat/PHG6U/

明らかにこれは私が使用しているフォントではありませんが、対処しましょう。

height: 100%

^これを試してみたところ、すべてが消えてしまいました。

行が800pxに設定されていることは承知していますが、それが停止する理由ですが、「4000px」の高さのようにせずに、ブラウザのサイズに常に修正されるようにするにはどうすればよいですか? （サイズに関係なく）下にスクロールしたときに必ずしも余分な1000ピクセルがなくても？

これには簡単な答えがあると思いますが、私は本当にばかです。

前もって感謝します。

Answer 1

サイドライン div とともに、親要素の高さを 100%に設定します。パーセンテージを使用する場合、要素の高さは、生成されたボックスを含むブロックの高さに対して計算されます。

html { 
    background: #FFFDDB;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    height: 100%;
}

body {
    font-family: 'Pompiere', cursive;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    height: 100%;
}