经典css博客布局：

主要布局的css设计：

如图：

 

#globallink{
    width:760px; height:163px;    /* 设置块的尺寸，高度大于banner图片 */
    margin:0px; padding:0px;
    /* 再设置背景颜色，作为导航菜单的背景色 */
    background: #9ac7ff url(banner.jpg) no-repeat top;
    font-size:12px;
}


#parameter{
    position:relative;
    float:left;
    width:210px;
    padding:0px;
    margin:0px;
}

#main{
    float:left;
    position:relative;
    font-size:12px;
    margin:0px 20px 5px 20px;
    width:510px;
}


#footer{
    clear:both;            /* 消除float的影响，排版相关的章节已经大量涉及 */
    text-align:center;
    background-color:#daeeff;
    margin:0px; padding:0px;
    color:#004a87;
}