Question

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

enter image description here

这是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;
}

Answer 1

为body标签添加margin：0

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

Answer 2

问题不在于您的DIV有保证金，而是BODY有保证金。大多数浏览器默认添加此功能，但您可以使用

删除它

body{ margin: 0; }

在你的CSS中

。有些人喜欢摆脱浏览器添加的名为cssreset的东西。这将为您提供更多的空白名单。

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

2 个答案: