Html 波旁纯柱至容器顶部

我的CSS中有以下内容：

body {
   @include outer-container; 
   color: $Dark-Blue;
   background-color: $Light-Blue;
 }

.main{
   @include span-columns(12);
   background-color: $White;
 }

---

主区域顶部有一个小间隙-有没有办法让它一直延伸到观察区域的顶部？我在neat.bourbon.io网站上查找了信息，也查看了w3schools.com网站，但我认为我问的问题不对，所以不确定如何搜索

把你的身体改成包装纸怎么样

<div class="wrapper">
    <div class="main"></div>
</div>

body { margin: 0px; padding: 0px; }