<title>第8課,實戰首頁布局</title>	
		<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;
			}
			#rside{
				width:302px;
				height:600px;
				background:purple;
				float:right;
			}
			#footer{
				height:120px;
				background:blue;
			}
		</style>
	
	
		<div id="container">
			<div id="header"></div>
			<div id="main">						<!--此兩個的父元素-->
				<div id="lside"></div>
				<div id="rside"></div>
			</div>
			<div id="footer"></div>
		</div>
	

我要的結果是要上面橘,中間左粉紅,中間右紫色,下面藍色~~~~

怎麼我執行出來的結果是上面橘,中間左粉紅.中間中綠.中間右紫色(中間有3格...),下面藍色

找不出問題,求解!!!