无法弄清楚导致我网站上的侧边滚动的原因

Question

我正在为一些本地商家建立一个网站，但我无法弄清楚是什么导致了侧面滚动。我一定很累，在某个地方搞砸了。任何和所有的帮助都会很精彩。该网站的链接是http://theparkwayrv.com

如果你看，你会发现有一个侧滚动条。如果你能搞清楚，请告诉我。我已经超过10次了，现在我已经失去了理智。

谢谢！

Answer 1

添加

body {overflow-x: hidden;}

到你的CSS。

通常，这是因为您的网页中的width或min-width设置为100%或100vw。当浏览器向其添加垂直滚动条（Chrome中为17px）时，它会使其成为100% + 17px，因此需要添加水平滚动。但是，这在大多数移动设备和任何使用semi-transparent-show-on-scroll-only滚动条的浏览器上都不会发生。

正如Tersosauros所发现的那样，唯一一个不像我们其他人那样提供quickfix的人，实际上是花时间寻找你的body额外的真正原因。宽度，在您的特定情况下，这是由于错误地使用Bootstrap类。您独立使用.row，而不是.container的直接子项，而30px的页面更宽。

但是， quickfix 仍然可以解决它。至少在今生，我们主要是为解决方案付出代价，而不是为了正确。对？ :)

Answer 2

将此css用于您的身体部位：

body{overflow-x: hidden;}

Answer 3

此问题是由15px上的.row左右边距（第7行，bootstrap.min.css）影响孩子{{1}引起的在div parkway_about_page内。正如Bootstrap所指出的，这是@Andrei Gheorghiu 期望您的网页结构化的一部分。如果div也是parkway_about_page引导程序，则会为您解决此问题。

任何一个选项都为我修好了：

1. 添加（因为许多其他1行答案，未提供任何解释）.container至overflow-x: hidden;。

--- 或 ---

1. 从#parkway_about_page下面的.row div移除边距，（或者完全删除该课程）。

Answer 4

试试这个......

  body {
        overflow-x:hidden;
  }

Answer 5

身体中的

只是放overflow-x: hidden

Answer 6

将此添加到您的css文件中：

body{
    overflow-x: hidden;
}