html - 为什么我正在构建的网站右侧有空白区域？

Question

我正在构建一个使用网格系统作为框架的网站。起初我对边距和填充没有任何问题，但现在我的网站右侧有额外的空白区域。

这是我的 fiddle :http://jsfiddle.net/071ad2hg/1/

我已经找到了问题，它来自以下代码:

.grid_12 { width: 100%; }

当我注释掉这一行时，问题就消失了，但我在整个网站的许多地方都使用过它，并且想知道为什么突然之间会发生这种情况。我想保持原样并以某种方式修复它。

Answer 1

因为正文有 8 像素边距，您可以通过向正文 css 标签添加边距 0 来更改它

演示 http://jsfiddle.net/ckqkyaqd/

body {
    font-family: 'elegant_luxmager';
    color: #444948;
    margin:0;

}