常用網頁佈局（div+css）之一

乘着閒暇時間，自己弄了個web，主界面是用div+css佈局，用ajax+javascript進行界面控制及獲取數據！
我就說說其中的div+css佈局。
整個頁面分爲三大塊，可以稱之爲：頁眉（站標+橫幅），主體（左邊菜單+右邊內容），頁腳（顯示版權及備案等信息）。三大塊我用position:relative;相對定位來設置，這樣有個好處，就是當某一塊內容太多要闊漲時，其它部分也會相應的調整位置。
每一塊內部採用float爲left或right佈局；在主體中，我左邊爲

#divLeft
{}{
    width:228px;
    height:400px;
    left:26px;
    float:left;
    padding:0;
    margin:0;
    filter:revealTrans(duration=2,transition=3)  progid:DXImageTransform.Microsoft.Gradient(startColorStr=#adde21, endColorStr=#d8e7c2, gradientType=0);

}

右邊爲

#divRight
{}{    float:left;
    left:286px;
    width:744px;
    height:400px;
    padding:0;
    filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#f5efda, endColorStr=#F7f7f7, gradientType=0);

}

請注意，在這兩部分佈局中我都採用了float:left;，這樣當我左邊divLeft部分隱藏時，右邊divRight部分會自動往左移動，如果#divRight用float:right;right:0;則達不到這樣的效果！