我的啤酒网站上出现粘滞页脚问题答案

【问题标题】：having an issue with a sticky footer on my beer site我的啤酒网站上出现粘滞页脚问题
【发布时间】：2011-07-10 16:24:53
【问题描述】：

由于某种原因，底部有一个小间隙，因此大啤酒瓶不会像应有的那样从页脚边缘流血。

知道为什么吗？我使用 .container 作为包装器，它的负边距等于 .footer 的高度

【问题讨论】：

这不是一个粘性页脚。它不会粘在浏览器窗口的底部，与滚动位置无关。
@Sean：使用 Web Developer Toolbar 签入 Firefox 5。选择 CSS、禁用样式、浏览器默认样式。当你禁用它时，它会起作用。
是否应该在页脚之后出现 use.typekit.com/badges/default.gif">跨度>
@Jawad，这真的很奇怪 - typekit 的东西应该在那里 - 这是我们上线时的徽标。我在萤火虫中删除了它，但似乎没有这样做:(
@Sean: 在 Windows 7 上的 FF5 中，如果我删除 html, body {height: 100%;} 和 style.css 第 36 行，更改 body, textarea {line-height: 18px;} to line-height: 8px;}，就解决了这个问题。当使用 Firebbug 和 html,body height 设置为 100% 查看时，它们不会“环绕”页面中的所有元素。 - i56.tinypic.com/10xsks9.jpg

【解决方案1】：

#loggedIn .footer, .push（第 889 行），而不是 height:195px !important -

height:200px !important。相差5px。就是这样。

【讨论】：

我只需将margin-bottom 添加到.push。
@Blender 嘿，它们都被声明在同一行，通过更改那里的代码，你也在这里更改它:)。
但这会产生10px 的差异，因为高度会改变5px 两次。
对。如果他想单独声明.footer ** 的高度**，那么他需要制作height:205px，但是由于现在更改它会更改.push 和 .footer ，他只需要将其更改为200px。
我认为修复粘性页脚（根本不粘性）将是您答案的一个很好的补充。用 Firebug 或 Chrome 的 Inspector 删除 <div>s 的内容，你就会明白我的意思了。