常用的简单 CSS布局

body
{...}{
    font: 12px "宋体";
    margin: 0px;
    background: #FFF;
}
　 /**//*页面层容器*/ #Container
{...}{
    width: 100%;
    background-color: #ffffff;
}
　 /**//*页面头部*/ #Header
{...}{
    width: 960px;
    margin: 0 auto;
    background: #ffffff;
    background-color: #FFFFFF;
}
/**//*页面主体
#PageBody
{
    width: 960px;
    margin: 0 auto;
    height: 400px;
    background-color: #FFFFFF;
    border-right: silver thin solid;
    border-top: silver thin solid;
    border-left: silver thin solid;
    border-bottom: silver thin solid;
}*/
/**//*侧边栏*/
#Sidebar
{...}{
    background-color: #FFFFFF;
    width: 200px;
    margin: 0;
    float: left;
    text-align: left;
    overflow: auto;
}
/**//*主体内容*/
#MainBody
{...}{
    background: #eeeeee;
    width: 760px;
    margin: 15;
    float: right;
    overflow: auto;
    text-align: left;
}
/**//*页面底部*/
#Footer
{...}{
    width: 960px;
    margin: 0 auto;
    background: #eeeeee;
    font-size: 12px;
    text-align: center;
}