CSS消除了导航栏周围的填充

我正在尝试在我的页面顶部创建一个导航栏，它与页面顶部齐平，如下所示。然而，我总是在页面的顶部和侧面添加一些白色填充物

我如何去掉这些填充，使内容直接排列在页面顶部

这是我的密码：

<div id='header'>
<ul id="nav">
    <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>

---

你可以尝试使用负像素

#nav {
width: 100%;
float: left;
display: block;
margin: -1px;
padding: 0px;
list-style: none;
background-color: #3498DB;
}

---

避免这种情况的一个好方法是使用CSS重置，比如您最可能需要使用重置样式的CSS重置。在基本层面上，您可以简单地将以下规则添加到CSS的顶部：

* {
  margin: 0;
}

---

但是您最好使用CSS重置文件中的一个，例如或。

您看到的边距在body标记上。尝试添加类似于

body{margin:0；}

的内容这是第一个有效的答案，所以我接受它。我真的很喜欢你的重置网站。谢谢你：）。

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

* {
  margin: 0;
}