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

时间:2012-03-05 15:52:02

标签: javascript jquery html height

如何设置“spacer”div以填充CONTENT和FOOTER之间的剩余高度空间,因此页脚将始终位于页面底部(不是最初要求的窗口)? 这是一个示例,其中页脚不在窗口的底部:http://template1.staceyapp.com/(我正在使用此模板,因此结构是相同的)。 我尝试了很多东西,比如创建一个div并将其设置为min-height,height 100%等。 可能需要Javascript才能实现。 你能帮我设置jQuery来计算它的高度来填充剩余的空间吗? 有更好的解决方案吗?

非常感谢, Graxa

3 个答案:

答案 0 :(得分:1)

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

使用position: fixed或者页脚是否包含在另一个div(容器)中 将position的{​​{1}}和页脚的relative设置为position,然后为您的页脚指定absolute以将其锁定在底部页面。

答案 1 :(得分:1)

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

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

答案 2 :(得分:0)

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