Question

正如您在上面的网站中看到的那样，页脚未附加到页面底部，因为内容不足。我想要页脚：

在没有滚动时位于页面底部
当窗口进一步缩小时，我希望我的内容定义最小值（换句话说，页脚不应该与内容重叠
当有很多内容时，我希望页脚位于页面的底部（在滚动之前不一定可见）

我尝试使用http://www.cssstickyfooter.com/上的示例，但收效甚微，我能够获得的最好的东西是将页脚粘到底部，但是当窗口调整大小时它会重叠内容。

有人能告诉我是否有办法在不改变页面结构的情况下让它工作？

我已经花了大约6个小时试图让这个工作并尝试了无数的技术。我真的很感激，如果有人可以尝试这样做，只提交他们针对我的网站测试的答案。就像我说的，我想这样做而不必改变代码的结构。

Answer 1

尝试这个怎么样： -

* {
    margin: 0;
}
html, body {
    height: 100%;
}
.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -155px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
    height: 155px; /* .push must be the same height as .footer */
}

^{Credits for above code}

同时检查参考文献： -

Answer 2

尝试将min-height设为page

 #page
 {
   min-height:210px;
 }

如何让我的页脚粘到页面底部？

2 个答案: