0

我希望我的页脚一直位于页面底部，因为我的页面没有那么长。

但是当页面比屏幕长时，它需要像页脚一样位于内容下方，而不是卡在屏幕底部。

4

2 回答 2

0

如果您的页脚具有固定高度，最简单且仅使用 CSS 的解决方案是：

CSS

html {
    position: relative;
    min-height: 100%;
}

body {
    /* height of the footer */
    margin: 0 0 120px 0;
}

footer {
    position: absolute;
    bottom: 0;
    height: 120px;
}

演示

于 2013-04-16T21:25:55.507 回答
0

这可能会有所帮助；

jQuery 粘滞页脚

演示

于 2013-04-16T21:29:27.200 回答