完整html div的顶部截断

完整html div的顶部截断,html,css,Html,Css,我有一个div,我想占据全视图的高度,它的顶部似乎被切断了 以下是html代码: <body> <div id="backdiv"> <h1>Index</h1> </div id="backdiv"> <body> 当我将其加载到chrome上时,它似乎并没有完全到达顶部,下面是一张图片: 有人知道我怎样才能把它改到最上面吗?你这样做是为了去掉ht

我有一个div,我想占据全视图的高度,它的顶部似乎被切断了

以下是html代码:

<body>
    <div id="backdiv">
        <h1>Index</h1>
    </div id="backdiv">
<body>
当我将其加载到chrome上时,它似乎并没有完全到达顶部,下面是一张图片:


有人知道我怎样才能把它改到最上面吗?

你这样做是为了去掉
html
正文上的所有填充吗?此外,您的
不需要空白,而且您的HTML不正确

CSS

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

  <div id="backdiv">
      <h1>Index</h1>
  </div>

指数

您这样做是为了删除
html
body
上的所有填充吗?此外,您的
不需要空白,而且您的HTML不正确

CSS

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

  <div id="backdiv">
      <h1>Index</h1>
  </div>

指数
这是一个
尝试使用
边距:0删除其
边距
否则,您可以通过添加
#backdiv{overflow:auto;}

body,html{
保证金:0;
填充:0;
}
#背投{
保证金:0px
填充:0px;
高度:100vh;
背景:线性渐变(至右下,#648880,#293f50);
溢出:自动;
}

指数
这是一个
尝试使用
边距:0删除其
边距
否则,您可以通过添加
#backdiv{overflow:auto;}

body,html{
保证金:0;
填充:0;
}
#背投{
保证金:0px
填充:0px;
高度:100vh;
背景:线性渐变(至右下,#648880,#293f50);
溢出:自动;
}

指数

只要看看你的代码,试试以下方法:

HTML:


只需查看您的代码,就可以尝试以下操作:

HTML:


有时,当您不设置以下参数时,会发生这种情况:

body {
    margin:0;
    padding: 0;
}

希望这能有所帮助。

有时,如果您不设置:

body {
    margin:0;
    padding: 0;
}

希望这有帮助。

您的html是错误的,巴德,您不需要结束标记上的id。您的html是错误的,巴德,您不需要结束标记上的id