Question

我是网络开发的新手，在删除身体边缘时遇到了问题。

There's space between the very top and "logo" 浏览器顶部和＆＃34;徽标＆＃34;之间有空间。文本。我的代码是here on jsbin。

如果我想删除空格，body { margin: 0;}是否错误？

Answer 1

我会说使用：

{{1}}

解决这个问题的方法很糟糕。

h1边距弹出父节点的原因是父节点没有填充。

如果向h1的父元素添加填充，则边距将位于父元素内。

将所有填充和边距重置为0会导致很多副作用。然后最好删除此特定标题的margin-top。

Answer 2

某些HTML元素具有预定义的边距（即：body，h1至h6，p，fieldset，form，{{ 1}}，ul，ol，dl，dir，menu和blockquote）。

在您的情况下，dd导致您的问题。默认情况下它为h1。如果将其设置为0，则会删除空格。

为了解决这些问题，我建议您使用浏览器的dev tools。对于大多数浏览器：右键单击要了解更多信息的元素，然后选择“检查元素”。在“样式”选项卡的最底部，您有一个CSS框模型。这是一个很好的工具，可以看到边框，填充和边距以及哪些元素是你造型头痛的根源。

Answer 3

我建议您在编写css之前重置所有HTML元素：

* {
    margin: 0;
    padding: 0;
}

之后，您可以编写自定义CSS，没有任何问题。

Answer 4

您的h1代码

上仍有差额

所以你需要删除它：

h1 {
 margin-top:0;
}

Answer 5

问题在于h1标头边距。你需要试试这个：

h1 {
 margin-top:0;
}

Answer 6

这可以帮助您摆脱身体边距和<h1>标签的默认上边距

body{
        margin: 0px;
        padding: 0px;
    }

h1 {
        margin-top: 0px;
    }

Answer 7

您可以使用body或*来设置边距和填充0px;

*{
margin: 0px;
padding:0px;
}

Answer 8

这个问题的正确答案是“css reset”。

* {
    margin: 0;
    padding: 0;
}

它会删除页面上每个对象的所有默认边距和填充，无论浏览器如何都不会被禁止。

Answer 9

即使将BODY MARGIN设置为零，我也发现这个问题仍然存在。

然而事实证明有一个简单的解决方法。您需要做的就是给HEADER标签一个1px边框，并将BODY MARGIN设置为零，如下所示。

body { margin:0px; }

header { border:1px black solid; }

您可能还需要将HEADER div中的H1，H2等元素的MARGIN更改为零。这将消除可能在文本周围显示的任何额外空间。

不确定为什么会这样，但我使用Chrome浏览器。显然，您也可以更改边框的颜色以匹配标题颜色。

Answer 10

只需删除浏览器默认Margin和Padding 应用您的Css顶部。

<style>

* {
  margin: 0;
  padding: 0;
}

</style>

注：

或 [Use This In Your Case]

<style>

  *{
        margin: 0px;
        padding: 0px;
    }

h1 {
        margin-top: 0px;
    }

</style>

<强>样本：

＆＃13;

<style>

  *{
        margin: 0px;
        padding: 0px;
    }

h1 {
        margin-top: 0px;
    }

</style>

＆＃13;

<html>
 <head>
 </head>
 <body>
  <h1>logo</h1>
 </body>
</html>

＆＃13;