Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 删除导航栏上方的空白_Html_Css - Fatal编程技术网

Html 删除导航栏上方的空白

Html 删除导航栏上方的空白,html,css,Html,Css,如何删除我创建的导航栏上方的空白 我已经在StackOveflow中搜索了这个答案,但找不到一个似乎能解决我问题的答案。我已将html、正文填充/边距设置为0,并重置了所有其他元素。有人有什么建议吗 <nav id="header"> <div class="home-header"> <a href="#"><h1> testing this </h1></a> </div> </nav

如何删除我创建的导航栏上方的空白

我已经在StackOveflow中搜索了这个答案,但找不到一个似乎能解决我问题的答案。我已将html、正文填充/边距设置为0,并重置了所有其他元素。有人有什么建议吗

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

顶部的空间是由
h1
创建的,因为它是默认的边距。要解决此问题,请执行以下操作:

#header h1{
    margin:0px;
}
附言:我想你删除了body标签的边距。如果没有,请按以下方式删除:

body{
    margin:0;
}
#标题{
位置:相对位置;
保证金:0;
填充顶部:0px;
背景色:$主色;
}
身体{
边际:0px;
}


您是否尝试过top:0?任何内部元素都有边距?您是否已将html和body元素的边距和填充设置为零?只需在
#header
之后添加
h1
#header h1
)谢谢您的帮助!最后是h1标签。啊,这是修复!非常感谢。我不知道h1标签创建了边距。@凯文:是的,h1创建了默认边距。并检查body标记的更新。如果尚未将主体的边距设置为零,它仍将创建空白。因此,如果您没有删除body标记的边距,我为它添加了代码;)如果您没有更多问题,请标记已解决
body{
    margin:0;
}