Question

我的标题并未完全覆盖我的页面，使背景颜色重叠在一起。

<!DOCTYPE html>
<html>
<head>
<style>
#header {
    background-color: black;
    background-size: 100% auto;
    margin-left: 0;
    margin-top: 0;
}
</style>
</head>

<body style="background-color: blue;">

        <div id="header">
    <p>hi</p>
    </div>

</body>
</html>

Answer 1

这是因为浏览器有默认的边距/填充。 //编辑HTML default body margin

将此添加到您的css

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

Answer 2

您需要设置html和身高，然后设置#header height，就像这样

＆＃13;

<map on-create="mapCreated(map)" mapoptions="mapOptions"></map>

＆＃13;

html, body, #header {
  height: 100%;
  margin: 0;
  padding: 0;
}

#header {
  background-color: blue;
}

p{
  margin: 0;
  padding: 0;
}

＆＃13;

Answer 3

如果您检查html并检查应用于body标记的CSS，您会看到它有一个默认的margin: 8px。你必须把它变成0.

使用margin: 0px将新边距设置为body标记。

Answer 4

Firefox（例如）表示有一个＆＃34; border＆＃34;将border: 0添加到body的样式中，左边和右边的细蓝边框消失了。那是你想要的吗？

HTML如何确保完全覆盖页面的标题？

4 个答案: