删除导航栏上方的空白区域

Question

如何删除我创建的此导航栏上方的空白区域？

http://gyazo.com/b41271cad8d41c08c52ff26b1f1cab9e

我已经搜索了StackOveflow这个答案，但找不到一个似乎可以解决我的问题。 我已将html，body padding / margin设置为0以及重置所有其他元素。 有人有建议吗？

<nav id="header">
  <div class="home-header">
    <a href="#"><h1> testing this </h1></a>
  </div>
</nav>

这是CSS

#header {
  position: relative;
  margin: 0 auto 0;
  padding-top: 0px;
  background-color: $main-color;
}

Answer 1

由于其默认边距，顶部的空间由h1创建。 解决这个问题：

#header h1{
    margin:0px;
}

PS：我假设你删除了身体标签的边距。 如果不是这里你是如何删除它：

body{
    margin:0;
}

Answer 2

 #header { position: relative; margin: 0; padding-top: 0px; background-color: $main-color; } body{ margin:0px; }

 <body> <nav id="header"> <div class="home-header"> <a href="#"><h1> testing this </h1></a> </div> </nav> </body>

放body标签margin:0px; 标题margin:0px; 试试此代码