<div class="container-wrap">
  <div class="left">this is the left area</div>
  <div class="right">
    <div class="content">
      this is the right area chinese chinese this is the right area chinese chinese this is the right area chinese chinese this is the right area chinese chinese this is the right area chinese chinese this is the right area chinese chinese this is the right area chinese chinese this is the right area chinese chinese
    </div>
  </div>    
</div>

.container-wrap {
  width: 100%;
  overflow: hidden;
}

.left {
  position: relative;
  width: 200px;
  margin-right: -200px;
  background-color: #000;
  float: left;
  color: #fff;
}
.right {
  float:left;
  overflow: hidden;
  width:100%;
  background-color: #eee;
  .content {
    margin-left: 200px;
  }
}