解解左边float后,右边的宽度被左右覆盖住的问题

 

#content { overflow: hidden; zoom: 1; }
#left { float: left; width: 200px;   }
#right { background: #FFC8D0;
            overflow: hidden; /*ff,ie7支持*/
            zoom: 1; /*ie6支持*/
 }

 

注意你节点#content, 加的overfloat:hidden 和 zoom:1, 可以让它自动撑大, 不用在里面加个清除的节点了.