<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>摇曳铃丹☆居中DIV层</title>
<style type="text/css">
body{
margin:0 auto;
padding:0;
text-align:center;
}
#divtop{
background-color:green;
height:50px;
width:100%;
margin:0 auto;
padding:0;
}
#divnavbar{
background-color:#000000;
height:20px;
width:100%;
margin:0 auto;
padding:0;
color:#FFFFFF;
}
#divpage{
margin:0 auto;
padding:0;
width:1001px;
float:center;
}
#divmain{
width:800px;
margin:0 auto
padding:0;
float:left;
background-color:blue;
height:500px;
}
#divsidebar{
width:200px;
margin:0 auto
padding:0;
float:left;
background-color:red;
height:500px;
}
#divbottom{
background-color:green;
height:30px;
width:100%;
margin:0 auto;
padding:0;
clear:both;
}
</style>
</head>
<body>
<div id="divtop">divtop</div>
<div id="divnavbar">divnavbar</div>
<div id="divpage">
<div id="divmain">divmain</div>
<div id="divsidebar">divsidebar</div>
</div>
<div id="divbottom">divbottom</div>
</body>
</html>
