将导航栏扩展到全宽

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;
}

Answer 2

尝试：

#Nav {
position:absolute;
top:0px;
left:0px;
width:100%; 
background-color:#f26522;
}
#NavContent {
margin:0 auto;
width:100%;
}

Fiddle：http://jsfiddle.net/7vLPb/

Fiddle(全屏)：http://jsfiddle.net/7vLPb/show/

Answer 3

去搜索"css reset"并复制代码。

基本上，浏览器已经有了空白、填充等功能，这可能会成为阻碍。很多人使用css重置。将css重置放在css文档的顶部。这应该会去除妨碍您的填充和边距。

还要确保将导航栏的宽度设置为100%。祝你好运