问当背景图像应扩展整个页面长度时，页面右侧显示空白

EN

我补充道：

html,body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
}

添加到位于其他类顶部的CSS中，它似乎解决了您的问题。

Your updated .css file is available here

在探索了这里提供的一些有用的策略之后，我发现我只需要添加特定于iOS的CSS (我把它放在我的主css表的底部)。似乎隐藏了溢出-x是我的答案。我假设在我的内容变宽的情况下，将宽度设置为100%会有所帮助。应该注意的是，我只在iOS中遇到了这个问题。如果它也在Firefox中，那么应该只使用html和body块，因为@media是专门针对移动设备的。

@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){

  html,
  body{
    width:100%;
    overflow-x:hidden;
  }

}

如果有人认为这是不正确的，请告诉我:)

这是一个相当古老的问题，但我想我应该补充一下我的2分钱。我已经尝试了上面的解决方案，包括ghost css，我一定会保存它以备将来使用。但这些在我的情况下都不管用。下面是我修复问题的方法。希望这能对其他人有所帮助。

打开检查器(或任何您喜欢的)，从body标签中的第一个div开始，仅向该元素添加display: none;。如果滚动条消失，您就知道该元素包含导致问题的元素。然后，删除第一个css规则并下一层进入包含元素。将css添加到该div，如果滚动条消失，您就知道是该元素引起的，或者包含有问题的元素。如果添加CSS没有任何作用，您就知道不是那个div导致了问题，或者是容器中的另一个div引起了问题，或者是容器本身引起了问题。

对于某些人来说，这可能太耗时了。对我来说幸运的是，我的问题在页眉，但我可以想象，如果你的问题是在页脚或其他地方，这需要一些时间。