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

Question

再次来到这里， 我很确定我曾经知道这一点，但我不再记得了。

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

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

height: 100%

^我试过这个，它让一切都变得无聊。

我知道我将这些行设置为800px，这就是为什么它们会停止，但是如果没有像“4000px”高度那样使我如何制作它以便它总是纠正浏览器大小？ （无论大小如何）向下滚动时都不需要额外的1000像素？

我认为这有一个简单的答案，我真的很蠢。

感谢提前。

Answer 1

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

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