使Html元素垂直适合

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

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

感谢

答案后编辑：

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

感谢

2012-05-31 skafandri

这个之前的帖子可能会帮助你。 http://stackoverflow.com/questions/2351674/how-to-make-a-div-expand-to-fit-available-vertical-space – wsams

我删除了我的答案，我以为你问了一个不同的问题。如果我得到任何有用的东西，我会再次回答。 – Hidde

您正在使用BA-调整 jQuery插件，你可以让你的代码通过增加插件的延迟选项更轻，（默认为250）

2012-06-04 14:53:39 skafandri

-1

我asume通过适合你指的是垂直空间伸展浏览器的底部，如果这样你就需要在css来写，

html { 
    height:100% 
}

2012-05-31 13:36:35

有人提到过HTML标签？ – skafandri

我很抱歉，我没有得到你想要做的事情，为什么你需要做它没有指定的高度。 –

因为div的内容是动态的（如果顶级div有更多的内容会更高，否则其他div会更高） – skafandri

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

2012-05-31 13:59:02

在您的演示中，CENTER DIV溢出容器.. – skafandri

是的，我知道。您建议您校准元素顶部和底部的百分比以适合您的网站。然而，至少，它没有设置元素的高度... –

这基本上是我的问题，我不知道哪一个更高，顶部或中心的div .. – skafandri

回答