圣杯布局

左侧固定 右侧自适应

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;
  }
posted @ 2017-11-01 10:18  rainbow8590  阅读(144)  评论(0编辑  收藏  举报