样式表
<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号