如何使用Neat和Bourbon消除页边距

Question

使用Bourbon和Neat，默认情况下，它似乎在页面周围添加了一个8像素的打击垫。什么是摆脱填充的解决方案，并使页面内容扩展为使用页面的整个宽度和高度？

Answer 1

使用reset样式表是您应始终包含在样式表中的一部分。这个想法最初由Eric Meyer in 2007提出。

  

重置样式表的目标是减少浏览器在默认行高，边距和标题字体大小等方面的不一致性。

他的样式表已移植到SASS，还有其他reset样式表可用：

Eric Meyer的：https://gist.github.com/trey/3524

Hampton Catlin's：https://gist.github.com/hcatlin/1027867

normalize也可以使用。可以在http://cssreset.com/找到热门reset和normalize样式表的列表。

Answer 2

好的，我找到了答案，但我不确定这是否是最好的方法：

在_grid-settings.scss中：

body {
  margin: 0;
}

我有兴趣知道是否有更好的方法。

Answer 3

我总是建议添加_reset.scss文件来重置浏览器的默认样式。 Sass的创始人汉普顿卡特林创建了这个简单的重置文件，以添加到您的项目中。

参考：https://gist.github.com/hcatlin/1027867