html_div
/
满屋花.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
     .div001{
		 width:700px;
		 height:150px;
		 background-color:#C6C;
		 float:left;
	}
	 .div002{
		 width:700px;
		 height:50px;
		 background-color:#60C;
		 float:left;
	}
	.div003{
		 width:150px;
		 height:600px;
		 background-color:#00F;
		 float:left;
	}
	.div004{
		 width:550px;
		 height:150px;
		 background-color:#FF0;
		 float:left;
	}
	.div005{
		 width:550px;
		 height:150px;
		 background-color:#36C;
		 float:left;
	}
	.div006{
		 width:550px;
		 height:150px;
		 background-color:#3F3;
		 float:left;
	}
	.div007{
		 width:550px;
		 height:150px;
		 background-color:#F99;
		 float:left;
	}
	#mare{
		width:700px;
		margin:0 auto;
	}
</style>
</head>

<body>
<div id="mare">
   <div class="div001"></div>
   <div class="div002"></div>
   <div class="div003"></div>
   <div class="div004"></div>
   <div class="div005"></div>
   <div class="div006"></div>
   <div class="div007"></div>
</div>
</body>
</html>