新手上路，请多包涵

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

 header {
  background-color: #ECF3F3;
}

 <body>
  <header>
    <h1>Food Hunt</h1>
  </header>
  <nav>
  </nav>
  <aside>
  </aside>
  <footer>
  </footer>
</body>

原文由 caramel1995 发布，翻译遵循 CC BY-SA 4.0 许可协议

阅读 468

2 个回答

得票最新

✓ 已被采纳

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

看到这个 jsFiddle 。

 header {
    background-color: pink;
}

header h1 {
    margin: 0;
}

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

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

原文由 Dan Grahn 发布，翻译遵循 CC BY-SA 4.0 许可协议

默认情况下，所有 HTML 文档的四个角周围都有边距。因此，每次创建新的 HTML 页面/模板时，您都必须明确删除此边距。

以下内容可以帮助您删除 HTML 页面附带的默认页边距：

 body{
    padding:0;
    margin:0;
}

header{
    background-color:#ECF3F3;
}

这应该去除不需要的白色。

原文由 Roy M J 发布，翻译遵循 CC BY-SA 3.0 许可协议

撰写回答

推荐问题

子站问答

本篇内容翻译自 Stack Overflow，如果你觉得翻译结果值得改进，欢迎直接编辑修改，感谢你为社区贡献。

相似问题

找不到问题？创建新问题

为什么我的页眉周围有空白且没有颜色？