Css 为什么移动站点会向左滚动到大量空白？

很难弄明白为什么我的网站在手机版中会向左滚动

我已经检查了我所有的宽度，甚至在这里尝试了一些建议，但该网站仍然滚动到屏幕的右侧！确保“常用”视口代码位于“头部”标记中，但无效。这是一个基于2616主题的WordPress网站

在我的网站的移动版上不应该有向左或向右的滚动

我一直在调试其他css问题，这个问题正成为一个令人头疼的问题。关于移动css宽度问题的原因，有什么线索吗

CSS样式表

---

您的问题来自：

.banner {
  margin: 0 -600rem;
  padding: 0.25rem 600rem;
}

此代码尝试使用负边距/填充技巧突破容器。要解决此问题，请尝试：

#main {
  overflow: hidden;
}

---

谢谢，克里斯。这就解决了问题。我一直认为是“.banner:before”中的LR，忘记“.banner”的边距/填充