Css 如何使页脚粘在页面底部？

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

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

我试着在上使用这个例子，但没有成功，我所能做到的最好的方法是将页脚粘到底部，但当窗口调整大小时，它会与内容重叠

谁能告诉我有没有一种方法可以让它在不改变页面结构的情况下工作

---

我已经花了大约6个小时试图让它工作，并尝试了无数的技术。如果有人能尝试这样做，并且只提交一个他们在我的网站上测试过的答案，我将非常感激。正如我所说，我希望这样做，而不必更改代码的结构。

试试看：-

* {
    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 */
}

同时检查参考资料：-

---

尝试将

最小高度设置为
页面

 #page
 {
   min-height:210px;
 }

position:fixed；
？这不是StickyFooter的工作方式，放大和滚动内容，你会明白我的意思。因此，使用这种方法（Fait的方法），我能够达到与使用cssstickyfooter.com方法（不需要推送）相同的点，但是，无论哪种方式，除非我更改页面（与示例中的wrapper相同）对于wrapper，页面上没有最小高度，调整窗口大小会使页脚封面内容：/