如何删除 div 标签周围的白边？

Question

所以我一直在创建一个非常基本的网站，其中包含 header、nav、主容器和 footer。我在我的网站中使用 viewport 标签。

当我将 div 的 width 设置为 100% 时出现问题。

这是我的代码：

#header {
  background-color: black;
  color: white;
  text-align: center;
  padding: 5px;
}
#nav {
  line-height: 60px;
  background-color: #FFFFFF;
  min-height: 60px;
  width: 100%;
  left: 0px;
  text-decoration: none;
}
#nav a {
  font-family: sans-serif;
  font-size: 25px;
  text-decoration: none;
  float: left;
  margin-left: 10px;
}
#section {
  min-width: 50%;
  min-height: 479px;
  float: left;
}
#section p {
  font-family: sans-serif;
  font-size: 20px;
}
#footer {
  background-color: black;
  color: white;
  clear: both;
  text-align: right;
  line-height: 40px;
  height: 40px;
}
#footer p {
  margin-right: 30px;
}

我需要更改什么来去除 div 周围的白边吗？我已经尝试了一些方法来去除它，但是 none 似乎有效，任何帮助将不胜感激。

Answer 1

body在浏览器中有一个默认值 margin，因此您需要重置 margin。

所以添加这个

body {
  margin: 0
}

Answer 2

你是说网站周围的白边然后使用

html, body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

如何删除 div 标签周围的白边？

How do I remove the white margins around my div tags?

html

css

margin