用颜色填充整个<header>背景

Question

用颜色填充整个<header>背景

<html>
<head>
<style>
header
{
    background-color:#ECF3F3;
}
</style>
</head>
<body>
<header>
    <h1>Food Hunt</h1>
    <!-- <a href="login.php">login</a>
    <a href="signup.php">sign up</a>
    <form>
        <input type="text">
    </form>
    -->

</header>
<nav>
</nav>
<aside>
</aside>
<footer>
</footer>
</body>
</html>

Run Code Online (Sandbox Code Playgroud)

问题：

1.）我试图<header>用背景颜色填充整个区域，但是问题是，当我尝试查看页面时，而不是<header>用颜色填充整个区域，在页面的顶部，左侧和右侧都有白色边框<header>。我可以知道背景颜色不能<header>完全填满整个空间的原因吗？

Answer 1

Dan*_*ahn 6

这可能是由body或html元素上的边距/填充引起的，但也可能是由h1元素上的边距引起的。

看到这个jsFiddle。

的HTML

<header>
    <h1>Title</h1>
</header>

Run Code Online (Sandbox Code Playgroud)

的CSS

header {
    background-color: pink;
}

header h1 {
    margin: 0;
}

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

Run Code Online (Sandbox Code Playgroud)

归档时间：	11 年，11 月前
查看次数：	71680 次
最近记录：	6 年，4 月前

用颜色填充整个&lt;header&gt;背景

问题：

用颜色填充整个<header>背景