2栏布局——一栏自适应

一栏固定宽度，一栏自适应：

  <div id="right">右栏</div>
  <div id="left">左栏</div>

右栏固定宽度，左栏自适应

有如下方法：

1、#right{background-color:#f00;width:200px;float:right;}
    #left{background-color:#999;margin-left:-200px;}

2、#right{background-color:#f00;width:200px;float:right;}
    #left{background-color:#999;overflow：hidden；;}

3、display：table-cell的应用，但IE6不能识别

    #right{background-color:#f00;width:200px;float:right;}
    #left{background-color:#999;display:table-cell;}

4、采用浮动布局

     #right{background-color:#f00;width:200px;float:right;}
     #left{background-color:#999;margin-left:-200px;float:left;width:100%;}