DIV页面分部

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>页面总体布局</title>
<link href="CSSDIVde.css"  type="text/css" rel="stylesheet">
</head>
<body>

<div id="left">左边</div>
<div id="right">
<div id="righttop">
<table width="45"  border="1" align=right  >
<tr>
<td><a href="http://localhost:8080/First/login/login2.jsp">登录</a>
</td>
</tr>
</table>
</div>
<div id="rightcenter">
<table width="80"  border="1" align=right  >
<tr>
<td>第2表第1个</td><td>第2表第2个</td>
</table>
</div>
</div>
</body>
</html>

CSS

@charset "UTF-8";
  #left{
  background-color:#00cc33;
  border:1px soild #ff3399;
  400px;
  height:400px;
  float:left;
  }
  #right{
  background-color:#00ffff;
  border:1px soild #ff3399;
  height:400px;
  1000px;
  }
  #righttop{
  background-color:red;
  border:1px soild #ff3399;
  height:80px;
  1000px;
  }
  #rightcenter{
  background-color:#ffffff;
  border:1px soild #ff3399;
  height:160px;
  1000px;
  }
 .box{
   200px;
   height:50px;
   border:5px solid #00f;
   margin:20px;
   color:red;
   text-align:center;
   
   }

运行