页脚 div 和正文标签之间几乎静态的间隙

Question

我知道互联网上有很多 "Stick my footer to the floor" 类型的问题，但我发现的这个问题似乎有点不同。

问题出在这里，我注意到页脚底部和 标记之间有 29 像素的间隙。你可以在 http://thinkfvm.serena.fvm.sc/.

看到这个

无论我使用什么浏览器，差距始终在 29px 左右。响应式设计，当您更改屏幕宽度时，间隙通常在 28.5 到 29.5 像素高之间。

我正在检查器控制台中使用以下命令计算间隙大小：

$('body').height() - jQuery('#footer').offset().top - jQuery('#footer').height();

虽然我已经在多个浏览器中进行了测试，但我正在使用 Chrome Inspector 来尝试弄清楚发生了什么。查看计算样式，我看到 #footer div 没有边距或填充，正文和 html 标签也是如此。

如果您查看页面，您会发现内容足够长，这不是 "sticky" 页脚问题，而是其他问题。

我不太担心消除间隙，因为它不是很明显，但为了让我自己安心，我想确保我至少知道是什么导致了间隙。

谢谢

Answer 1

可能的罪魁祸首是您在页脚中有很多 pixel/js/iframe 跟踪器 - 确保它们不会干扰您的设计。现在至少有 1 个 iframe 和 1 个可见的 1x1 像素。