圣杯布局

左侧固定 右侧自适应

html：
<div class="wrap">
  <div class="left"></div>
  <div class="right">
  </div>
</div>

css:
*{
    margin: 0;
    padding: 0;
  }
  .wrap{
    padding-left: 300px;
  }
  .left{
    margin-left: -300px;
    width: 300px;
    height: 500px;
    background: #ddd;
    float: left;
  }

  .right{
    float: left;
    width: 100%;
    height: 200px;
    background: #000;
  }