html - 去除div左上角和右上角的空间

Question

我开始使用 css 并遇到一些基本问题。

我有一个 div 元素:

.top {
  background-color: #3B5998;
  margin-left: 0px;
  margin-top: 0px
}

<div class="top">...</div>

颜色代码正在生效(良好)。

我遇到的问题是，div 的左侧、顶部和右侧似乎有一些空白。我如何摆脱空白？例如，如果您查看 Facebook 页面，顶部完全是蓝色的，顶部没有空白。

Answer 1

您需要重置样式表中的默认 padding 和 ma​​rgin 属性:

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

正如@Jason McCreary 提到的，您还应该考虑使用重置样式表。他链接到的 Eric Meyer 的 CSS reset 是一个很好的起点。

看起来您的 css 中也缺少一个分号，它应该如下所示:

.top
{
    background-color:#3B5998;
    margin-left:0px;
    margin-top:0px;
}