Html 为什么这个SASS（来自Refills/Boubon.io）会导致元素周围出现空白？

我使用的是非常好的SASS框架，来自伟大的人们和思想界人士。我正在尝试测试他们提供的模板（称为），这大体上使Bourbon.io更灵活地替代了流行的框架，如

大多数情况下，这都是非常直接的设置，但我对整个导航栏和页脚栏周围出现的空白感到困惑，这些空白是从它们的重新填充模板复制粘贴到这些元素中的结果

。一切看起来都像重新填充示例中显示的那样进行渲染，但我对页眉和页脚框周围的空白感到困惑。用firebug快速检查并没有发现任何明显的问题，所以我不知道如何解决这个问题

---

为缺少更简单的js小提琴示例而道歉；但是，当需要导入这些SASS框架时，它不起作用。来源可以在这里找到；因为GH页面上的Jekyll会动态编译SASS来呈现示例；我刚刚把所有的bourbon.io、neat和bitters-SASS文件都放在那里了

主体标签上设置了8px的边距。摆脱它，你就是黄金。确保使用某种类型的

CSS

重置。这是Bootstrap默认情况下所做的事情，但我不能说是否需要重新填充

---

另外，由于

页脚

是

display:inline块

，因此在底部有额外的边距。如果将

footer

更改为

display:block

，则在其末尾添加一个清晰的fix div。蓝色背景仍应保持正确的高度，并删除底部的额外（不可见）边距

非常感谢！是的，我还以为波旁威士忌。伊奥的“苦乐”沙司就像是一个重置，但我想这不是一个真正的重置。