html - css topnav 不在页面顶部

Question

我的 topnav 不在顶部，它有大约 5px 的奇怪填充为了测试我刚刚创建了一个简单的 header.html + header.css我的 header.html:

<link href="css/header.css" rel="stylesheet">
<div class="topnav" id="myTopnav">
</div>

我的 header.css:

.topnav {
height: 50px;
background-color: #333;
}

Screenshot

我怎样才能让黑线的顶部和侧面(可能还有底部)没有这个空白？

经过一些研究我累了:

padding: 0px;
margin: 0px;

但这并没有改变任何东西......

Answer 1

移除 body 标签的 padding 和 margin

body {
  padding: 0;
  margin: 0;
}