html_div
/
index.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>
</head>
  <style>
     .father{ width:600px;
	          margin:0 auto;
		      }
     .div001.div002 { display:inline；}

	 .div02 { width:170px;
	          height:600px;
			  background-color:#FFF;
			  float:left;

			  }

      .div03{ width:430px;
	          height:600px;
			  background-color:#FF0;
			  float:left;


		      }


  </style>

<body  bgcolor="#FFCCCC">


 <div class="father">
    <div class="div01"><img src="img/banner.jpg" width="600" height="120" /></div>

    <div class="div001"><img src="img/button1.jpg" width="100" height="40" /><img src="img/button1.jpg" width="100" height="40" /><img src="img/button1.jpg" width="100" height="40" /><img src="img/button1.jpg" width="100" height="40" /><img src="img/button1.jpg" width="100" height="40" /><img src="img/button1.jpg" width="100" height="40" /></div>

    <div class="div02"><img src="img/login.jpg" width="180" height="50" />账号:<input type="text" />密码:<input type="password" /><input type="submit" value="登入" /><input type="submit" value="注册" />&nbsp;&nbsp;&nbsp;&nbsp;<a href="register.html" >忘记密码</a></div>
    <div class="div002"><img src="img/news1.jpg" width="140" height="100" /><img src="img/news2.jpg" width="140" height="100" /><img src="img/news3.jpg" width="140" height="100" /></div>


    <div class="div03"></div>

 </div>


   </div>
</body>
</html>