网页底部无法解释的空白

Question

我对我们最近推出的网站有疑问。网站底部有一个 25 像素的间隙，我无法解释，我已经用尽了所有我能想到的故障排除技术来解决这个问题。

我可以告诉你的是，这不是造成它的原因：

1) 正文或 HTML 标签上没有边距或填充。 2) 页脚没有底部边距或填充。 3）页脚的高度是静态的。 4) 页脚内没有元素悬挂在框外。 5）当我删除页脚和内容区域时，差距仍然存在。 6) 没有安装会影响页面布局的第 3 方应用程序（如果有，任何动态更改都会显示在 Inspector 中）。

我正在使用 Firefox 检查器解决这个问题。 Inspector 没有显示任何指示 space 应该存在的东西，当我通过检查器删除它们一次一个地删除元素时，间隙不会消失。我错过了什么？？要么我想学习如何使用检查器更好地进行故障排除（因为我显然没有有效地进行故障排除），要么我只是想找出可能导致这种差距的原因并且在我尝试追查它时没有出现.

Answer 1

我应该详细说明。问题是由代码<iframe name="google_conversion_frame"...

引起的

因为这个 iframe 在流程中并且有布局，所以它被添加在页面底部并添加 space。最好的办法是对其应用样式，给它 position: absolute; 和 left: -5000px; 或类似样式以将其从视图中删除。

Answer 2

您网站底部似乎有一个名为 'google_conversion_frame' 的 iframe，导致增加了间距。我建议将以下内容添加到您的 CSS:

iframe[name="google_conversion_frame"] {
  height: 0;
  clip: rect(0, 0, 0, 0);
  visibility: hidden;
  position: absolute;
}

我听说使用 display: none 会导致 iframe 和跟踪像素出现问题，但该信息可能已过时，因此 display: none 可能没问题。

网页底部无法解释的空白

Unexplainable gap on bottom of web page

html

css

web

webpage

inspector