<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here </title> <style type=text/css> body{padding:0;margin:0;text-align:center} .main{width:930px;margin:0 auto;} .main-content{width:100%;} .left{width:30%;float:left;clear:left;height:700px;background-color:#ccffaa;} .right{width:70%;float:right;clear:right;height:700px;background-color:#eedddd;} .bottom{position:relative;width:100%;clear:both;} .clear{clear:both;} </style> </head> <body> <DIV class="main" align=center> <div style="background:#bbddbb; width:100%"><center>首页、注册、联系我们</center></div> <div class="main-content"> <div class=right > 右侧部分<br /> 右侧部分<br /> 右侧部分<br /> 右侧部分<br /> </div> <div class=left> 左侧部分<br /> 左侧部分<br /> 左侧部分<br /> 左侧部分<br /> 左侧部分<br /> 左侧部分<br /> </div> </div> <div class="bottom"> <center style="background-color:#ddeedd">底部</center> </div> </DIV> </body> </html>
原文：http://www.cnblogs.com/dingyingsi/p/3629863.html