我故意搞错,导致div footer无法显示,我不明白为什么会有这种效果,请解答
<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>