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

Question

我知道互联网上有很多“将我的页脚贴在地板上”类型的问题，但我发现的这个问题似乎有点不同。

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

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

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

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

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

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

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

谢谢

Answer 1

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