master

Branches (1)

Manage

Manage

master

html_div
/
index01.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>
	      #father{ width:900px;
		           height:1080px;
				   margin:0 auto;
		           }


	       .div01{ width:900px;
		           height:200px;
				   background-color:#FF0;
				   margin-bottom:20px;
		           }


		   .div02{ width:180px;
		           height:400px;
				   background-color:#0FF;
				   float:left;
				   margin-right:20px;
		           }

	       .div03{ width:500px;
		           height:400px;
				   background-color:#F0F;
				   float:left;
				   margin-right:20px;
		           }

			.div05{ width:180px;
			        height:400px;
					background-color:#0C0;
					float:left;
			        }

			.div04{ width:900px;
			        height:50px;
					background-color: #60F;
				    margin-top:10px;
					float:left;
			        }

	 </style>
</head>


<body>


<div id="father">

<div class="div01">我是第一张</div>
<div class="div02">我是第二张</div>
<div class="div03">我是第三张</div>
<div class="div05">我是第五张</div>
<div class="div04">我是第四张</div>

</div>


<body>
</body>
</html>