私はゼロからウェブサイトを開発しようとしています。これがコードです
<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でこれを適切な方法で処理する方法はありますか？