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