删除页面顶部的白条
我有以下代码，将 html 和正文边距和填充设置为零，但它们的顶部仍然有间隙，为什么？：
CSS
html, body {
margin: 0;
padding: 0;
}
.mobile body {
overflow: hidden;
}
.mobile #wrapper {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
}
.mobile #scroller {
height: 3000px;
}
.header {
background: url(../img/dark_exa.png) repeat;
height: 300px;
margin: 0 auto;
text-align: center;
}
.header h1 {
color: white;
}
超文本标记语言
<!doctype html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<title>Mobile Parallax with Stellar.js - Demo</title>
<link rel="stylesheet" type="text/css" href="css/normalize.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body>
<div id="wrapper">
<div id="scroller">
<div class="header">
<h1>Product Title</h1>
</div>
</div>
</div>
<script src="lib/jquery.min.js" ></script>
<script src="lib/jquery.stellar.min.js"></script>
<script src="lib/iscroll.js"></script>
<script src="script.js"></script>
</body>
</html>