奇怪 margin/padding 在我的网站一侧

Question

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

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

这是我的开发站点。如果您将浏览器缩小到平板电脑或 phone 大小并向左或向右滚动，它将显示。

我正在使用 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/

Answer 1

在这部分代码中，您设置了最大宽度。此最大宽度阻止网站扩展到整个 window.

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

您可以轻松地使用以下方法修复它： max-width:100%;

Answer 2

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

奇怪 margin/padding 在我的网站一侧

Weird margin/padding on the side of my site

html

css

wordpress

margin

zurb-foundation