我的代码输出后上面会留白怎么处理好？
<style type="text/css">
body { margin: 0; padding: 0; }
.top {height: 100px; background:blue; }
.main{width:800px;height:300px;background:#808080;margin:0 auto}
.foot{width:800px;height:100px;background:red;margin:0 auto}
</style>
</head>
<body>
<form id="form1" runat="server">
<div class="top"><p>欢迎来到轻小说文库8 <label for="username">用户名:</label>
<input type="text" name="username" id="username" value="你成" />
<label for="pass">密码:</label>
<input type="password" name="pass" id="pass" value="" />
<input type="submit" value="确定" name="submit" />
<input type="reset" value="重置" name="reset" /></p></div>
<div class="main"></div>
<div class="foot"></div>
</form>
</body>
不加自己的文字与输入框，效果是与老师的效果一样的，加了后顶部会出现一行白色
