为什么这个CSS导航栏不完全位于顶部？

以下是导航栏的代码：

#nav {
    width: 100%;
    float: left;
    margin: 0 0 1em 0;
    padding: 0;
    background-color: #f2f2f2;
    border-bottom: 1px solid #ccc;  }
#nav ul {
    list-style: none;
    width: 800px;
    margin: 0 auto;
    padding: 0; }
#nav li {
    float: left; }
#nav li a {
    display: block;
    padding: 8px 15px;
    text-decoration: none;
    font-weight: bold;
    color: #069;
    border-right: 1px solid #ccc; }
#nav li:first-child a {
    border-left: 1px solid #ccc; }
#nav li a:hover {
    color: #c00;
    background-color: #fff; }

<div id="nav">
    <ul>
        <li><a href="#">About Us</a></li>
        <li><a href="#">Our Products</a></li>
        <li><a href="#">FAQs</a></li>
        <li><a href="#">Contact</a></li>
        <li><a href="#">Login</a></li>
    </ul>
</div>

根据要求，以下是导航栏的HTML：

#nav {
    width: 100%;
    float: left;
    margin: 0 0 1em 0;
    padding: 0;
    background-color: #f2f2f2;
    border-bottom: 1px solid #ccc;  }
#nav ul {
    list-style: none;
    width: 800px;
    margin: 0 auto;
    padding: 0; }
#nav li {
    float: left; }
#nav li a {
    display: block;
    padding: 8px 15px;
    text-decoration: none;
    font-weight: bold;
    color: #069;
    border-right: 1px solid #ccc; }
#nav li:first-child a {
    border-left: 1px solid #ccc; }
#nav li a:hover {
    color: #c00;
    background-color: #fff; }

<div id="nav">
    <ul>
        <li><a href="#">About Us</a></li>
        <li><a href="#">Our Products</a></li>
        <li><a href="#">FAQs</a></li>
        <li><a href="#">Contact</a></li>
        <li><a href="#">Login</a></li>
    </ul>
</div>

---

既然填充为零，这不应该使它完全位于顶部吗？我是网页设计新手。。。非常感谢您的帮助。

请确保您正在删除

正文

和

html

标记的边距和填充：

html, body { margin: 0; padding: 0 }

---

如果您还没有重置CSS，那么使用CSS重置总是一个好主意。它将为您解决此问题。

确保您正在删除

正文

和

html

标记的边距和填充：

html, body { margin: 0; padding: 0 }

---

如果您还没有重置CSS，那么使用CSS重置总是一个好主意。它将为您解决此问题。

请尝试重置正文边距，否则将显示一个测试页面：

body {margin:0;} 

---

尝试重置正文边距，否则显示测试页：

body {margin:0;} 

---

确保在样式表顶部进行了重置，以避免浏览器默认设置

* {
margin:0;
padding:0;
}

---

您可能会在web上找到其他重置代码段，但仅此一项就应该有所帮助。

确保已在样式表顶部进行重置，以避免浏览器默认设置

* {
margin:0;
padding:0;
}

---

您可能会在web上找到其他重置代码片段，但仅此一项就应该有所帮助。

伙计们，我找到了，谢谢你们的帮助

问题在于我没有发布的这段代码：

div.content{
        border: 1px solid #fbfbfb;
        background-color: #fff;
        max-width: 640px;
        width: 100%;
        padding: 2%;
        margin: 0px  auto;
    }

---

我把保证金设置为零以外的其他值。

我算出了，伙计们，谢谢你们的帮助

问题在于我没有发布的这段代码：

div.content{
        border: 1px solid #fbfbfb;
        background-color: #fff;
        max-width: 640px;
        width: 100%;
        padding: 2%;
        margin: 0px  auto;
    }

我将边距设置为零以外的其他值。

如果

body {
margin: 0;
}

如果没有帮助，那么还有另一个css正在与这些css进行交互

以下是

中的示例，如果

body {
margin: 0;
}

如果没有帮助，那么还有另一个css正在与这些css进行交互

---

下面是

中的示例，位于什么的顶部？您的问题没有上下文…如果可以，请粘贴您的HTML。使测试更容易：）。你重置了正文边距吗？@NickR我需要它完全位于页面顶部，但我浏览器的导航工具栏和导航栏之间有一个巨大的间隙……正文{margin:0；}我回答了这个问题，因为看起来你对此一无所知：）在什么的顶部？您的问题没有上下文…如果可以，请粘贴您的HTML。更容易测试：）。你重置了正文边距吗？@NickR我需要它完全位于页面顶部，但我浏览器的导航工具栏和导航栏之间有一个巨大的间隙……正文{margin:0；}我回答了这个问题，因为看起来你对它什么都没有做：）所以它缺少代码，但仍然重置了边距。如果所有的信息都从一开始，你就会马上得到答案。很好，你找到了所有这些重置发送给你：pso它是代码丢失，但仍然保证金重置。如果所有的信息都从一开始，你就会马上得到答案。很好，你通过所有这些重置找到答案发送给你：p