使Html元素垂直适合

Question

如何使Html元素适合垂直空间？
这就是我想要实现的目标：DEMO但没有指定元素高度。

PS：我知道如何使用JavaScript来寻找HTML / CSS解决方案。

由于

在回答后编辑：

我希望保持这种效果（已经有效）但没有JavaScript，因为已经消耗了大量的处理器 效果：标题栏和窗口内容适合我的demo website中每个窗口的总窗口空间。

由于

Answer 1

我发现这个有效。但是您应该更改顶部和底部的百分比以适合您的网站。 http://jsfiddle.net/98YRH/11/

Answer 2

您正在使用 ba-resize jQuery插件，您可以通过增加插件的延迟选项来使代码更轻松（默认为250）

Answer 3

我认为通过拟合垂直空间你的意思是拉伸浏览器的底部，如果你需要在css中写入，

html {
    height:100%
}