样式表
<style type="text/css">
body {
}{margin: 0;font-size: 12px;font-family: Verdana, Arial;text-align: center;}
div {
}{overflow: hidden;}
#body{
}{width:800px;margin: 0 auto;text-align: left;}
.sub{
}{width:200px;float:left}
#head,#foot{
}{background-color:black;width:800px;}
#middle{
}{width:400px;background-color:red;height:400px}
#left{
}{background-color:silver;height:500px }
#right{
}{background-color:blue;height:300px}
</style>

body {
}{margin: 0;font-size: 12px;font-family: Verdana, Arial;text-align: center;}div {
}{overflow: hidden;}#body{
}{width:800px;margin: 0 auto;text-align: left;}.sub{
}{width:200px;float:left}#head,#foot{
}{background-color:black;width:800px;}#middle{
}{width:400px;background-color:red;height:400px}#left{
}{background-color:silver;height:500px }#right{
}{background-color:blue;height:300px}</style>
html:
<body>
<form id="form1" runat="server">
<div id="body">
<div id="head"></div>
<div id="mid">
<div id="left" class="sub">left</div>
<div id="middle" class="sub">middle</div>
<div id="right" class="sub">right</div>
</div>
<div id="foot"></div>
</div>
</form>
</body>
浙公网安备 33010602011771号