css,footer无法显示_html/css_WEB-ITnose--龙方网络

我故意搞错，导致div footer无法显示，我不明白为什么会有这种效果，请解答

第8课，实战首页布局
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="布尔教育 http://www.itbool.com" />
<style>
#container {
width:1002px;
background: gray;
}

#header {
height: 120px;
background: orange;
}

#main {
height: 600px;
background: green;
}

#lside {
width: 700px;
height: 600px;
float: left;
background: pink;
}

.four{
width: 330px;
height: 280px;
background: black;
margin: 10px;
float: left;
}

#rside {
width: 302px;
height: 600px;
background: purple;
float: right;
}

#footer {
/*height: 120px;*/
height: 2020px;
background: blue;
float: left;
}
</style>

<body>