删除div左上角和右上角的空格

Question

我开始使用CSS并且有基本问题.

我有一个div元素:

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

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

颜色代码生效(好).

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

Answer 1

您需要重置样式表中的默认填充和边距属性:

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

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

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

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