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