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

Question

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

这是我的小提琴 http://jsfiddle.net/rachelcat/PHG6U/

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

height: 100%

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

我知道我将线条设置为 800 像素，这就是它们停止的原因，但是如果没有使它们像“4000 像素”高度，我将如何使它始终更正浏览器大小？（无论大小如何）向下滚动时不一定有额外的 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%;
}