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

如何设置“spacer”div来填充CONTENT和FOOTER之间的剩余高度空间，因此页脚始终位于页面底部（而不是最初询问的窗口）？这是一个脚注不在窗口底部的示例：http://template1.staceyapp.com/（我正在使用此模板，所以结构相同）。我已经尝试过很多东西，比如创建一个div并将其设置为最小高度，高度100％等。可能需要使用JavaScript。你能帮我设置jQuery来计算它的高度来填充剩余空间吗？有更好的解决方案吗？Javascript需要填充内容和页脚之间的剩余高度空间

提前许多感谢， Graxa

来源

2012-03-05 Graxa

我很困惑你的要求。你不希望它在窗口的底部，你只是希望它显示在内容结束后？这就是块级元素在默认情况下所做的。只需将你的页脚添加到你的容器div后面，它就会以你想要的方式工作。 – MetalFrog 2012-03-05 18:39:28

你试过设置页脚只是位置：固定在底部？

来源

2012-03-05 16:04:53

正如马克沃尔特斯所回答的，我希望它在底部不在窗口底部。感谢你和我一起思考。 – Graxa 2012-03-05 18:32:54

然后，您只需要将页脚放在自己的div中，并直接跟随您的content-wrapper-div – 2012-03-05 18:56:45

您可以使用CSS将页脚放置在页面的底部。

使用position: fixed或者页脚被包含在另一个DIV（容器）设置了position到relative和页脚的position到absolute，然后指定bottom: 0;为您的页脚，以保持它锁定的底部这一页。

来源

2012-03-05 16:12:13

感谢您的帮助，但是当我说“窗口底部”时我写错了。我的意思是在页面的底部。这是因为会有一些页面比窗口更长（高度）。在这种情况下，我只想让页脚不在窗口的固定底部。不管怎么说，还是要谢谢你！ – Graxa 2012-03-05 18:30:52

这听起来像你想要一个粘滞的页脚，它位于浏览器窗口的底部或内容的底部，无论哪一个更长。

如果这是真的，退房：http://ryanfait.com/sticky-footer/

来源

2012-03-05 19:07:54

我已经测试过，但是设置'html，body {body} {100}; height：100％; }'破解我的css渐变背景。该渐变假定身体大小的100％或窗口大小（较小的一个），并不断重复直到页面结束。谢谢。 – Graxa 2012-03-05 19:29:41

以下是我正在向您了解的真实网站：http：//www.helenrodel.com.br/future/oliver/？/collections/ – Graxa 2012-03-05 19:45:06

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

回答

相关问题