溢出和滚动在 HTML 页面上无法正常工作答案

【问题标题】：Overflow and scrolling not working properly on HTML page溢出和滚动在 HTML 页面上无法正常工作
【发布时间】：2012-09-17 00:10:40
【问题描述】：

当我遇到问题时，我正在处理this website。似乎如果当您在左侧的白色侧边栏上滚动时，整个页面都会滚动一些。

我怎样才能阻止这种情况？我认为问题与溢出有关，但我不确定如何解决。

【问题讨论】：

【解决方案1】：

页脚上有一个 wpstats 图像，导致滚动。

将以下内容添加到您的 css 中

#wpstats {
display: none;
}

【讨论】：

【解决方案2】：

您网页的宽度是硬编码的，在这种情况下大于浏览器宽度。您可以将其添加到您的 CSS 文件中：

body {
  overflow-y: hidden;
}

这基本上只会隐藏屏幕外的任何内容。

所以真的需要让 CSS 突出显示...

【讨论】：

【解决方案3】：

如果您注意到，您会看到除了底部大约 5 像素的部分外，页面的其余部分都是流畅的，即随着浏览器窗口大小的调整而动态调整大小。

这个烦人的空间是由放置不当的图像引起的。负责的确切代码是：

<img id="wpstats" src="..." alt="">

要解决此问题，只需将此代码添加到您的 CSS 文件中：

#wpstats {
  display: none;
}

或者像这样内联添加：

<img id="wpstats" src="..." alt="" style="display:none;" />

【讨论】：