<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<title>主页</title>
</head>
<body>
</body>
</html>
<divid="header">此处显现id"header"的内容</div>
<divid="nav">此处显现id"nav"的内容</div>
<divid="maincontent">
<divid="main">此处显现id"main"的内容</div>
<divid="side">此处显现id"side"的内容</div>
</div>
<divid="footer">此处显现id"footer"的内容</div>
<divid="container">
<divid="header">此处显现id"header"的内容</div>
<divid="nav">此处显现id"nav"的内容</div>
<divid="maincontent">
<divid="main">此处显现id"main"的内容</div>
<divid="side">此处显现id"side"的内容</div>
</div>
<divid="footer">此处显现id"footer"的内容</div>
</div>
body{margin:0auto;font-size:12px;font-family:Verdana;line-height:1.5;}
ul,dl,dd,h1,h2,h3,h4,h5,h6,form,p{padding:0;margin:0;}
ul{list-style:none;}
img{border:0px;}
a{color:#05a;text-decoration:none;}
a:hover{color:#f00;}
#container{width:900px;margin:0auto;}
/*body*/
#container{width:900px;margin:0auto;}
/*header*/
#header{height:70px;background:#CCFFCC;margin-bottom:8px;}
#nav{height:30px;background:#CCFFCC;margin-bottom:8px;}
/*main*/
#maincontent{margin-bottom:8px;}
#main{float:left;width:664px;height:500px;background:#FFFF99;}
#side{float:right;width:228px;height:500px;background:#FFCC99;}
/*footer*/
#footer{height:70px;background:#CCFFCC;}
<divclass="clearfloat"></div>
.clearfloat{clear:both;height:0;font-size:1px;line-height:0px;}
欢迎光临 仓酷云 (http://ckuyun.com/) | Powered by Discuz! X3.2 |