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

我的布局如下。

要保持可调整大小元素的高度，使其覆盖整个浏览器高度

几点

• 布局应与浏览器调整大小一起使用
• 顶部元素和底部元素是可选的，即某些页面可能包含它们
• 使用Ajax加载内容，内容可以来自顶部元素或底部元素
• 页面加载后，页眉、页脚和左侧将不会更改
• 最小高度为100px
• 布局应与IE 6配合使用：(

我已经开始编写基于脚本的浏览器调整大小事件。但无法达到合适的逻辑。此外，如果在顶部元素或底部元素中添加了新内容，则调整大小元素不包含该事件

我试着搜索布局插件，但对我来说有点过头了

---

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

我不太确定我是否理解您的要求，因为听起来您可以使用CSS来实现这一点-除非我误解了您的目标，否则使用jQuery实现这一点只会使事情变得过于复杂

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

查看以下100%高度教程：

---

然后可以隐藏顶部元素和底部元素div（.hide（））或显示（.show（））根据它们是否包含内容。这是否为您指明了正确的方向？

我发现自己使用了相同的技巧，只是做了一些轻微的修改。我在顶部添加了正填充，在底部添加了负填充，以获得粘性的页眉和页脚。最后，我使用jQuery来匹配#左侧和主要内容的高度。