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

发布时间：2020-12-14 21:37:21 所属栏目：资源来源：网络整理

导读：我开始和css一起工作，有基本的问题。我有一个div元素： .top { background-color: #3B5998; margin-left: 0px; margin-top: 0px} div class="top".../div 颜色代码生效(好)。我所遇到的问题是，左边，右上角有一点空白。如何摆脱白色空间？例如，如果你看

我开始和css一起工作，有基本的问题。

我有一个div元素：

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

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

颜色代码生效(好)。

我所遇到的问题是，左边，右上角有一点空白。如何摆脱白色空间？例如，如果你看看Facebook页面，顶部是完全蓝色的，顶部没有空格。

解决方法

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

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

正如@Jason McCreary所说，你还应该考虑使用一个重置样式表。他链接到的，Eric Meyer的CSS重置，是一个很好的开始。

它也看起来像在你的CSS中缺少一个分号，它应该如下所示：

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!