經典左右兩列布局CSS

/******************************************************
*
*                             經典左右兩列布局CSS
*
*****************************************************/
/* 外層包裹層*/
    .outdiv{
        overflow:hidden;/*解決IE7,IE8,FF盒子自動擴充*/
        zoom:1; /*解決IE6盒子自動擴充*/
    }
    /*左邊*/
    .left{
        float:left;
        display:inline;/*解決IE6 雙邊距問題*/
        margin:20PX;/*如果這裡設了邊距，則右邊的邊距設定失效*/
        _margin-right:17px;/*解決IE6 3像素問題*/
   
    }
    /*右邊*/
    .right {
        margin:30px;/*這裡的左邊距不會起作用，相當於margin-left:0;*/
        overflow:hidden;/*解決IE7,IE8,FF盒子自動擴充*/
        zoom:1;/*解決IE6盒子自動擴充*/
    }

 

說明：如果更多列時， 每個盒子最好少用margin屬性，用padding代替, 建議多於三列時，用 UL LI 排列。