html - 将导航栏扩展到全宽

Question

我网站的导航栏没有延伸到我网页的整个高度。我想扩展它以使其完全适合页面。这是我的代码。

HTML:

<div id="Nav">
<div id="NavContent">
    <h1>Header</h1>
</div>

CSS:

#Nav {
    width:100%; 
    background-color:#f26522;
}

#NavContent {
    margin:0 auto;
    width:9999px;
}

我该如何解决这个问题？谢谢。

Answer 1

您需要从文档和 h1(具有默认值)中删除自然的 padding 和 margin

body{
    margin: 0;
    padding: 0;
}

h1{
    margin: 0;
    padding: 0;
}