<html>
<head>
<styletype="text/css">
#body,div{FONT-SIZE:12px;}
#pagebox{
margin:0px;
PADDING:20px;
BACKGROUND:#FFF;
FONT-FAMILY:arial,'宋體','新宋體',verdana,sans-serif;
WIDTH:600px;
}
#header{
MARGIN:0px;
BORDER:0px;
BACKGROUND:#ccd2de;
WIDTH:580px;
HEIGHT:60px;}
#mainbox{
MARGIN:0px;
WIDTH:580px;
BACKGROUND:#FFF;
}
#menu{
FLOAT:right;
MARGIN:2px0px2px0px;
PADDING:0px0px0px0px;
WIDTH:400px;
BACKGROUND:#ccd2de;
}
#content{
FLOAT:right;
MARGIN:1px0px2px0px;
PADDING:0px;
WIDTH:400px;
BACKGROUND:#E0EFDE;}
#sidebar{
FLOAT:left;
MARGIN:2px2px0px0px;
PADDING:0px;
BACKGROUND:#F2F3F7;
WIDTH:170px;
}
#footer{
CLEAR:both;
MARGIN:0px0px0px0px;
PADDING:5px0px5px0px;
BACKGROUND:#ccd2de;
HEIGHT:40px;
WIDTH:580px;
}
</style>
</head>
<body>
<divid="header">這里是#header{
MARGIN:0px;
BORDER:0px;
BACKGROUND:#ccd2de;
WIDTH:580px;
HEIGHT:60px;}</div>
<divid="mainbox">
這里是#mainbox{
MARGIN:0px;
WIDTH:580px;
BACKGROUND:#FFF;
}包含了#menu,#sidebar和#content
<divid="menu">這里是#menu{
FLOAT:right;
MARGIN:2px0px2px0px;
PADDING:0px0px0px0px;
WIDTH:400px;
BACKGROUND:#ccd2de;
}</div>
<divid="sidebar"><p>這里是#sidebar{
FLOAT:left;
MARGIN:2px2px0px0px;
PADDING:0px;
BACKGROUND:#F2F3F7;
WIDTH:170px;
}，背景顏色用的是#main的背景色</p></div>
<divid="content"><p>這里是#content{
FLOAT:right;
MARGIN:1px0px2px0px;
PADDING:0px;
WIDTH:400px;
BACKGROUND:#E0EFDE;}</p>
<p>這里是主要內(nèi)容，根據(jù)內(nèi)容自動(dòng)適應(yīng)高度</p><p>這里是主要內(nèi)容，根據(jù)內(nèi)容自動(dòng)適應(yīng)高度</p>
<p>這里是主要內(nèi)容，根據(jù)內(nèi)容自動(dòng)適應(yīng)高度</p>
</div>
</div>
<divid="footer">這里是#footer{
CLEAR:both;
MARGIN:0px0px0px0px;
PADDING:5px0px5px0px;
BACKGROUND:#ccd2de;
HEIGHT:40px;
WIDTH:580px;
}。</div>
</div>
</body>
</html>