HTML/CSS - 删除顶部和侧边距答案

【问题标题】：HTML/CSS - Remove top and side marginsHTML/CSS - 删除顶部和侧边距
【发布时间】：2014-03-21 02:16:57
【问题描述】：

这是一个缩小版的网页。黑色是我制作的标题 div 的背景颜色。我的问题是如何消除上面和侧面的蓝色区域？我希望它看起来更像第二张图片。我试过保证金：0px；顶部，左侧和右侧，但没有任何改变。有什么建议么？

这是 HTML：

<!DOCTYPE html>
<html>
<head>
    <title>Calendar</title>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="calendar.css">
</head>
<body>
    <div id="header">

    </div>
</body> 
</html>

这是 CSS：

body { 
    background-color: #00FFFF;
    font-family: Verdana, Tahoma, sans-serif;
}

#header {
    background-color: black;
    height: 40px;
    width: 100%;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

【问题讨论】：

标签： html css

【解决方案1】：

将 margin:0 添加到正文标签

body { 
    background-color: #00FFFF;
    font-family: Verdana, Tahoma, sans-serif;
    margin:0;
}

【讨论】：

啊，我应该知道的。过于关注 CSS 的标题部分。谢谢！

【解决方案2】：

问题不在于您的 DIV 有边距，而在于 BODY 有边距。大多数浏览器默认添加这个，但你可以删除它

body{ margin: 0; }

在您的 CSS 中。有些人喜欢摆脱浏览器添加的这些东西，称为cssreset。这会给你更多的空白。

【讨论】：