Jquery 如何使用引导框架将页面的内容区域扩展到最大高度？

我有一个网站，有时在页面的主要部分没有太多内容。然后，页脚向上滑动。我希望在所有页面上有一个一致的最小高度，使页脚大致接近平均页面的底部。我看到的许多例子都从根本上修改了CSS，这与保持网站响应性有关

在我的Bootply示例中，我希望将灰绿色区域展开，以“填充”页面，从导航区域的底部到页脚的顶部

---

如果您想在屏幕上全高显示，请尝试在代码周围放置一个类，即

.fill

，并将该类设置为

。fill

高度：100%

.fill { 
    min-height: 100%;
    height: 100%;
}

---

制作

正文，html{height:100%；}

。在正文内容（不包括页脚）周围放置一个类包装器，包装器{min height:100%；position:relative；}。最后添加

.footer{position:absolute；}

以下是扩展的答案：

---

jsfdle引自扩展答案：

在这里看一看：我不是真的在寻找一个粘性的页脚，而是一个扩展的内容区域。粘性页脚代码的问题在于它依赖于特定的页脚高度。在我的示例中，页脚高度将根据视口/设备屏幕大小而变化。当溢出时，粘性页脚也会破坏内容，所以我不怪你。他要求的是全高，而不是全宽对不起，我的不好。我没注意到。