我正在使用非常好的SASS框架，Boubon.io来自伟大的人们一个思想机器人。我正在尝试测试他们提供的模板（称为Refills），这使得Bourbon.io成为Bootstrap等流行框架的更灵活的替代品。
大多数情况下，设置起来非常简单，但是我对整个导航栏和页脚栏周围出现的空白区域感到困惑，这些空白区域只是从其“重新填充”模板中复制粘贴这些元素。
Here is what I get。一切看起来都像渲染示例中那样呈现，但我对页眉和页脚框周围的空白感到困惑。使用firebug进行快速检查并没有向我显示任何明显的信息，因此我不确定如何对此进行故障排除。
抱歉缺少一个更小的js-fiddle例子;但是当需要导入这些SASS框架时不起作用。来源可以在GitHub gh-pages branch repo中找到;因为Jekyll在GH-pages上动态编译SASS以呈现示例;我刚刚放弃了所有潜在的bourbon.io，整洁和苦涩的SASS文件。
答案 0 :(得分：3)
body标记上设置了8px的边距。摆脱它，你就是金色的。确保使用某种CSS重置。默认情况下这是Bootstrap所做的事情，但我不能对Refills说。
此外，由于您的footer为display: inline-block，因此您可以在底部获得额外的保证金。如果您将footer更改为display: block，请在其末尾添加一个明确的修复div。蓝色背景应该仍然是正确的高度，并删除底部的额外（不可见）边距