推荐订阅源

/******************************************************
*
*                             经典左右两列布局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 排列。