我正在尝试从头开发一个网站.这是代码
<html>
<head>
</head>
<body >
<div id="top" style="height:200px;background-color:green">
</div>
<div id="middle" style="height:800px;background-color:white">
</div>
<div id="footer" style="height:200px;background-color:green">
</div>
</body>
</html>
问题是div标签上方有一个空白区域.我可以使用margin: -10px;属性删除空格.但我不喜欢这样处理.有没有办法在css中以体面的方式处理这个问题？