<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>页面布局</title>
<style>
body{
margin:0px;
border:0px;
padding:0px;
}
</style>
</head>
<body>
<div style="width:1862px;height:2769px;margin:0px auto;">
<div style="width:1862px;height:80px;background:blue;margin:0px auto;">
</div>
<div style="width:1862px;height:614px;margin:0px auto;">
<div style="width:311px;height:614px;background:red;margin:0px auto;float:left">
</div>
<div style="width:1240px;height:614px;margin:0px auto;float:left">
<div style="width:1240px;height:115px;background:#668866;margin:0px auto;">
</div>
<div style="width:1240px;height:384px;margin:0px auto;">
<div style="width:1240px;height:50px;background:#556644;margin:0px auto;">
</div>
<div style="width:1240px;height:48px;background:#141542;margin:0px auto;">
</div>
<div style="width:1240px;height:286px;background:#361211;margin:0px auto;">
</div>
</div>
<div style="width:1240px;height:115px;background:#770011;margin:0px auto;float:left;">
<div style="width:220px;height:115px;background:#226611;margin:0px auto;float:left;">
</div>
<div style="width:112px;height:115px;background:#336622;margin:0px auto;float:left;">
</div>
<div style="width:112px;height:115px;background:#116633;margin:0px auto;float:left;">
</div>
<div style="width:112px;height:115px;background:#776644;margin:0px auto;float:left;">
</div>
<div style="width:112px;height:115px;background:#006655;margin:0px auto;float:left;">
</div>
<div style="width:112px;height:115px;background:#996666;margin:0px auto;float:left;">
</div>
<div style="width:460px;height:115px;background:#556677;margin:0px auto;float:left;">
</div>
</div>
</div>
<div style="width:311px;height:614px;background:#550054;margin:0px auto;float:left;">
</div>
</div>
<div style="width:1240px;height:1767px;margin:0px auto;">
<div style="width:780px;height:1739px;margin-left:0px ;float:left;">
<div style="width:780px;height:330px;background:#422222;margin-left:0px ;">
</div>
<div style="width:780px;height:40px;margin-left:0px ;">
<div style="width:156px;height:40px;background:#00ff22;margin-left:0px;float:left;">
</div>
<div style="width:156px;height:40px;background:#009922;margin-left:0px;float:left;">
</div>
<div style="width:156px;height:40px;background:#003322;margin-left:0px;float:left;">
</div>
<div style="width:156px;height:40px;background:#004499;margin-left:0px;float:left;">
</div>
<div style="width:156px;height:40px;background:#0022ff;margin-left:0px;float:left;">
</div>
</div>
<div style="width:780px;height:40px;margin-top:60px ;">
<div style="width:145px;height:41px;background:#000077;margin-left:0px ;">
</div>
</div>
<div style="width:780px;height:40px;margin-top:20px ;">
<div style="width:130px;height:40px;background:#007722;margin-left:0px ;float:left;">
</div>
<div style="width:130px;height:40px;background:#004400;margin-left:0px ;float:left;">
</div>
<div style="width:130px;height:40px;background:#550011;margin-left:0px ;float:left;">
</div>
<div style="width:130px;height:40px;background:#007700;margin-left:0px ;float:left;">
</div>
<div style="width:130px;height:40px;background:#111155;margin-left:0px ;float:left;">
</div>
<div style="width:130px;height:40px;background:#005511;margin-left:0px ;float:left;">
</div>
</div>
<div style="width:780px;height:418px;margin-top:40px ;">
<div style="width:780px;height:100px;background:#550022;margin-top:40px ;">
</div>
<div style="width:780px;height:40px;background:#550022;margin-top:5px ;">
</div>
<div style="width:780px;height:100px;background:#000022;margin-top:20px ;">
</div>
<div style="width:780px;height:40px;background:#007722;margin-top:5px ;">
</div>
<div style="width:780px;height:40px;background:#441122;margin-top:20px ;">
</div>
</div>
<div style="width:780px;height:397px;background:#762222;margin-top:50px ;">
</div>
<div style="width:780px;height:290px;background:#682222;margin-top:60px ;">
</div>
</div>
<div style="width:400px;height:1413px;background:#422222;margin-left:60px;float:left;">
</div>
</div>
</div>
</body>
</html>