html - 需要将 div 拉伸(stretch)到用户浏览器窗口的高度

Question

新人又来了，我很确定我曾经知道这一点，但我不记得了。

这是我的 fiddle http://jsfiddle.net/rachelcat/PHG6U/

显然这不是我使用的字体，但让我们来处理它。

height: 100%

^ 我试过了，它让一切都消失了。

我知道我已将线条设置为 800 像素，这就是它们停止的原因，但如果不让它们像“4000 像素”那样高，我如何才能让它始终更正浏览器大小？ (无论大小)向下滚动时不一定有额外的 1000 像素？

我想这有一个简单的答案，但我真的很蠢。

提前致谢。

Answer 1

设置parent elements' heights to 100% ，以及副业 div。使用百分比时，元素的高度是根据生成的框的包含 block 的高度计算的。

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%;
}