Javascript需要填充内容和页脚之间的剩余高度空间

Javascript needed to fill remaining height space between content and footer

本文关键字：余高度空间高度之间填充 Javascript 更新时间：2023-09-26

如何设置一个"间隔符"div来填充CONTENT和FOOTER之间的剩余高度空间，以便页脚始终位于页面底部（而不是最初要求的窗口）？下面是一个页脚不在窗口底部的示例：http://template1.staceyapp.com/（我使用的是这个模板，所以结构是一样的）。我尝试过很多事情，比如创建一个div并将其设置为min-height、height100%等。可能需要Javascript。你能帮我设置jQuery来计算它的高度来填充剩余的空间吗？有更好的解决方案吗？

非常感谢，Graxa

您可以使用CSS将页脚定位在页面底部。

通过使用position: fixed或页脚包含在另一个div（容器）中将其中的position设置为relative，将页脚的position设置为absolute，然后为页脚指定bottom: 0;以将其锁定在页面底部。

听起来你想要一个粘性页脚，它位于浏览器窗口的底部或内容的底部，以较长的为准。

如果这是真的，请查看：http://ryanfait.com/sticky-footer/

您是否尝试将页脚设置为固定在底部的位置？