我网站一侧的奇怪边距/填充答案

【问题标题】：Weird margin/padding on the side of my site我网站一侧的奇怪边距/填充
【发布时间】：2015-10-28 19:26:43
【问题描述】：

所以我使用我的 wordpress 构建的基础框架。当我下拉到平板电脑或移动设备视图时，我似乎无法弄清楚为什么我会在右侧得到这个奇怪的边距或填充。

有人见过这个或知道修复吗？

这是我的开发网站。如果您将浏览器缩小到平板电脑或手机的大小，然后向左或向右滚动，它就会显示出来。

我正在使用 Chrome

body {
    background: url(../img/dark-grungewall.jpg) repeat;
    height: auto;
}

.site-container {
    background: #fff;
    box-shadow: 0.5px 0.866px 63px 0px rgba(0, 0, 0, 0.83);
    width: 100%;
    margin: 0 auto;
}

.row {
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
}

我想说错误来自我包含的 div 或正文，但我不太确定。

http://dev.solarinnovations.com/

【问题讨论】：

请在此处添加有意义的代码和问题描述。不要只链接到需要修复的站点 - 否则，一旦问题得到解决，这个问题将对未来的访问者失去任何价值。发布证明您的问题的Short, Self Contained, Correct Example (SSCCE) 将帮助您获得更好的答案。有关详细信息，请参阅 Something on my web site doesn't work. Can I just paste a link to it? 谢谢！

标签： html css wordpress zurb-foundation margin

【解决方案1】：

过去我在使用 Bootstrap 中的 .row 类时发生过这种情况。尝试将overflow:hidden 放在包装器/容器类的样式部分，看看它是否能解决问题。

【讨论】：

【解决方案2】：

在这部分代码中，您设置了最大宽度。这个最大宽度会阻止网站在整个窗口中伸展。

.row {
  margin: 0 auto;
  max-width: 87.5em;
  width: 100%;
}

您可以通过以下方式轻松修复它： max-width:100%;

【讨论】：

很遗憾，这不起作用，感谢您的关注