删除div左上和右上的空间

Question

我开始使用CSS并遇到基本问题。

我有一个div元素：

.top {

  background-color: #3B5998;

  margin-left: 0px;

  margin-top: 0px

}


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

颜色代码生效（良好）。

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

Answer 1

您需要在样式表中重置默认的 padding 和 margin 属性：

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

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

您的CSS也似乎缺少分号，它应如下所示：

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