Css 页脚不会粘到底部

我试着按照找到的教程进行操作 使我的页脚粘贴到浏览器窗口的底部。我已经检查了几次教程，似乎我有正确的结构到位。然而，我的页脚仍然在窗口上方30像素处徘徊。这件事我已经坚持了好几天了，我已经没有主意了，所以任何帮助都会很好：）

我的头球
一些内容
带图像的页脚
* {
保证金：0；
}
html，正文{
身高：100%；
}
身体{
填充：0；
保证金：0；
字体系列：“开放式Sans”，无衬线；
背景色：#FCFDFF；
字号：18px；
}
.内容
{
填充：0%0%0%20%；
宽度：65%；
线高：1.7em；
背景色：#FCFDFF；
}
.footer、.push{
高度：4em；
明确：两者皆有；
}
.页脚{
背景色：#000；
}
.页脚图像{
填充物：5px 5px 5px 1px；
浮动：对；
}

为什么不直接做呢

.footer {
    position: fixed;
    bottom: 0;
}

---

这将为您提供一个粘贴在窗口底部的页脚，这是您根据问题所需的页脚。

您错过了

。包装器
css内容：

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -4em;
}

只有当包装器具有此信息时，它才会起作用。
工作演示：
您的标记是什么样子的？相同的？这个演示的页脚恰好起作用，因为他们有足够的内容使它看起来位于窗口的底部。你想让你的一直保持在底部——不管怎样？@Evan，我已经测试了这个演示，它可以在大屏幕上保持在底部。@Gull，他的演示不起作用，但他提供的那个可以。它在包装上使用最小高度+等于页脚高度的负边距来保持页脚在底部。而他发布的内容却遗漏了这一点
.wrapper{min height:100%；height:auto！重要；height:100%；margin:0 auto-155px；}
只要确保body/wrapper/container类的底部有足够的填充，以匹配页脚的高度以避免重叠。我会竖起大拇指，但我没有超过15的声誉。
.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -4em;
}