Jquery动态元素高度以覆盖浏览器高度

Question

我的布局如下。

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

几点

• 布局应与浏览器调整大小一起使用。
• 热门元素和底层元素是可选的，即某些页面可能包含它们。
• 使用Ajax加载内容，该内容可以来自顶级元素或底部元素
一旦加载页面，
• 页眉，页脚和LeftSide将不会更改。
• 最小高度为100px
• 布局应与IE 6一起使用：（

我已经开始编写基于脚本的浏览器调整大小事件。但无法达到合适的逻辑。如果在顶级元素或底部元素

中添加新内容，则resize元素也不会涵盖事件

我尝试搜索布局插件，但对我来说有点矫枉过正。

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

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（）），具体取决于它们中是否有内容。这是否指向了正确的方向？