Question

在我知道之前已经问过这个问题，但遗憾的是还没有找到解决方案。即使我尝试使用他们的解决方案。

我的问题是我无法摆脱body / html标签周围的默认8px边距。看起来它甚至没有响应我在大括号之间的变化。

HTML：

body,html {
margin: 0;
text-align: center;
background-color: blue;
} 

.container
{
margin: 0;
background-color: red;
}

.header
{
 text-align: left;
 height: 90px;
 background-color: green;
 margin: 0;
}

.nav
{
  float: right;
}

.nav ul
{
  list-style: none;
height: 30px;
padding: 0px;
margin: 0px;
}

.nav ul li
{
  margin: 10px;
}


.footer
{

 height:40px;
}

CSS：

nodeRemoteHost

链接：ReadAllBytes

Answer 1

请记住：边距位于元素的边界之外;填充在里面。

您需要将body元素的填充设置为零。（body元素的边缘没有意义;它代表浏览器窗口之外的空间！）

另外，您不需要在html元素上设置任何CSS属性。 body已包含您要设置属性的所有内容。

Answer 2

对于HTML：

<body style="margin:0;padding:0">

对于CSS：

body {margin:0;padding:0}

您可能会遇到困难，因为边距和填充是两个不同的东西。您应该尝试两种方法，然后使用适合您需求的方法。

您可以从here阅读更多有关边距与填充的信息

Answer 3

您可以使用以下方法直接删除边距： body { margin: 0; }

CSS删除默认的8px边距表单正文

3 个答案: