我有以下的html，无法弄清楚顶部空白区的来源。
SBT使用下面的样式会在页面顶部显示16px。我可以通过将<!DOCTYPE html>
<html lang="en-US">
<head>
<title>mypage</title>
<link rel="stylesheet" type="text/css" href="styles/test.css">
</head>
<body>
<div class"header">
</div>
<div class="main">
<div class="top-nav">
<div class="top-nav-links">
<ul>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">6</a></li>
<li><a href="#">7</a></li>
<li><a href="#">8</a></li>
</ul>
</div>
</div>
<div class="side-nav">
</div>
<div class="content">
</div>
</div>
</body>
</html>
添加到身体选择器来成功删除空格，但这似乎会产生不良副作用。有人能指出我正确的方向吗？
margin-top: -16px