我试图填满整个<header>
与背景颜色,但问题是,当我尝试查看页面时,而不是填充整个<header>
与颜色一样,顶部、左侧和右侧都有白色边框<header>
。我可以知道背景颜色没有填满整个的原因吗<header>
完全空间?
header {
background-color: #ECF3F3;
}
<body>
<header>
<h1>Food Hunt</h1>
</header>
<nav>
</nav>
<aside>
</aside>
<footer>
</footer>
</body>
这可能是由边距/填充引起的body
or html
元素,但也可能是由您的边距引起的h1
元素。
看到这个jsFiddle http://jsfiddle.net/screenmutt/2k5p5/.
header {
background-color: pink;
}
header h1 {
margin: 0;
}
html, body {
margin: 0;
padding: 0;
}
<header>
<h1>Title</h1>
</header>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)