右邊固定，左邊自適應

原理：兩節點並排，左節點浮動，右節點向最左邊靠齊，此時浮動元素會遮住左節點，因為塊狀元素默認長度100%；

html

<div id="wrap">
  <div id="sidebar" style="height:340px;">固定寬度區</div>
  <div id="content" style="height:340px;">自適應區</div>
</div>
<div id="footer">後面的一個DIV，以確保前面的定位不會導致後面的變形</div>

css

#wrap {
    overflow: hidden; *zoom: 1;
  }
  #content ,#sidebar {
    background-color: #eee; 
  }
  #sidebar {
    float: right; width: 300px;
  }
  #content {
    margin-right: 310px;
  }
  #footer {background-color: #f00;color:#fff; margin-top: 1em}

右邊固定，左邊自適應