无法让页脚粘在页面底部答案

【问题标题】：cannot get footer to stick to bottom of page无法让页脚粘在页面底部
【发布时间】：2014-08-13 00:54:54
【问题描述】：

我是网页设计/开发的新手，我对这个问题很感兴趣。我正在通过创建一个示例网页来练习我的技能，格式如下：

两列都有 .col 类，整个页面被包裹在一个 .wrapper 类中。

现在，我已经看到要让页脚粘在底部，我需要执行以下操作：

html, body, .wrapper, .col
{
    height: 100%;
}

但是，这并没有改变任何东西。我尽量不要发布我所有的 CSS，因为它会占用大量空间，但如果需要，我会这样做。

有人可以对为什么这不起作用有任何想法吗？

【问题讨论】：

即使wrapper 类的内容非常有限，您是否希望页脚粘贴在页面底部。
你想要这样的页脚。 jsbin.com/gewakele/1/edit
如果我的演示对您有帮助，请告诉我。
理解“固定”定位是第一件事，但它也有很多注意事项。在您的屏幕截图中，它没有考虑内容是否不是屏幕的全高等。这是我经过多年处理后最终得出的结论。 codepen.io/sheriffderek/pen/ziGbE

【解决方案1】：

你需要像这样将 css 应用到页脚。

<style>
#footer{
...
...
bottom:0px;
position:fixed;
...
}
</style>

...
...
<body>
<div id="footer"> content.. </div>
</body>

【讨论】：