jquery动态元素高度覆盖浏览器高度

Question

我有布局如下。

可调整大小的元素的高度是保持如它将覆盖整个浏览器的高度。

几点

• 布局应与浏览器的大小调整工作。
• 顶部元素和底部元素是可选的，即某些页面可能包含它们。
• 使用Ajax加载的内容，它可以付出顶级元素或地板元件
• 页眉，页脚和一次页面加载莱夫特赛德不会改变。
• 最小高度为100像素
• 布局应与IE 6 :(

我已经开始编写基于脚本的浏览器调整大小事件工作，但没能来合适的逻辑。而且如果调整元件不覆盖事件新内容在热门元素或地板元件

我试图寻找布局插件添加的，但它是有点矫枉过正了我。

如果不解决，建议将有所帮助。谢谢。

Answer 1

我不太清楚我明白你要做什么，因为听起来你可以用CSS来做到这一点 - 除非我误解了你的目标，用jQuery做这件事只是过分复杂。

您的“要调整大小的元素”需要分配100％的高度，并且所有其他包含的元素也需要分配100％的高度。这有点棘手，但不是太糟糕。

查阅这些教程100％的高度：

http://www.xs4all.nl/~peterned/examples/csslayout1.html http://www.tutwow.com/tips/quick-tip-css-100-height/

然后div的可隐藏（.hide（））或所示的顶部元件和底部元件（.show（））的基础关于他们中是否有内容。这是否表明你在正确的方向？