页面底部有巨大的空白答案

【问题标题】：Huge White Space At Bottom Of Page页面底部有巨大的空白
【发布时间】：2015-11-04 11:02:53
【问题描述】：

我显然在网页的某个地方搞砸了。在内容之后，我在页面底部获得了大量空白。我找不到具体的问题，我尝试了很多不同的方法。我想是时候让别人看看了。

这是网址：

谢谢！

【问题讨论】：

使用width: 110%; 和高度：150%; 删除表单内的 img 标签，或者您可以在表单内的 img 标签中使用此 width: 100%; height: auto;

【解决方案1】：

看起来是这个问题：

img {
  width: 110%;
  height: 150%;
}

导致此图像大大放大的原因：

<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">

对于图片，我倾向于使用以下内容：

img {
  height: auto;
  max-width: 100%;
}

【讨论】：

【解决方案2】：

在您页面的某处，您有以下 CSS：

img {
    width: 110%;
    height: 150%;
}

这会使 PayPal 表单中的 1x1 图像变得非常大，并造成很大的空间。您应该编辑该代码并使其仅适用于您想要的图片，而不是您网站中的每张图片。

【讨论】：