html - 使 Html 元素垂直适合

Question

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

PS：我知道如何用 JavaScript 做到这一点，正在寻找 HTML/CSS 解决方案。

谢谢

回答后编辑：

我想保持这个效果工作（已经工作）但没有 JavaScript，因为已经消耗了大量的处理器。效果：标题栏和窗口内容适合我的演示网站
中每个窗口的总窗口空间。

谢谢

Answer 1

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

Answer 2

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

Answer 3

我假设通过适合垂直空间您的意思是拉伸浏览器的底部，如果您需要在 css 中编写，

html {
    height:100%
}