我想删除那里的空格。我是一个外行用户。如果我犯了一个愚蠢的错误，请原谅我。提前致谢。查看有空间的图像并参考代码。
html代码：
<html>
<head>
<title>CSS</title>
<link href="styles.css" rel="stylesheet">
</head>
<body>
<div id="wraper">
<div id="header">
Header
</div>
<div id="sidebar">
Side
</div>
<div id="content">
Content
</div>
<div id="footer">
Footer
</div>
</div>
</body>
</html>
CSS代码：
#wraper {
margin:0 auto;
width:800px;
height:1000px;
background:#FCFCFC;
}
#header{
background:#CFCFC0;
height:100px;
width:800px;
}
#content {
float:right;
width:600px;
height:700px;
background:#C0C0C4;
}
#sidebar {
float:left;
width:200px;
height:700px;
background:#CFFCCC;
}
#footer {
clear:both;
background:#C0CC0C;
height:200px;
width:800px;
}