<head>
<title>1234</title>
<style>
#container{
width:1000px;
background:gray;
}
#header{
height:150px;
background:yellow;
}
#footer{
height:150px;
background:blue;
}
#main{
height:600px;
background:black;
}
#left{
height:600px;
width:600px;
background:pink;
float:left;
}
#right{
height:600px;
width:400px;
background:purple;
float:right;
}
.four{
background:orange;
float:left;
margin:10px;
height:280px;
width:280px;
}
</style>
</head>
<div id="container">
<div id="header"></div>
<div id="main">
<div id="left">
<div class="four"></div>
<div class="four"></div>
<div class="four"></div>
<div class="four"></div>
</div>
<div id="right"></div>
</div>
<div id="footer"></div>
</div>
<body>
08-08