1. 左边使用 float: left 固定宽度，右边使用 margin-left 隔开自适应 - 在线编辑器

          <style>
  .left-1,
  .right-1 {
    height: 200px;
    line-height: 200px;
    text-align: center;
  }

  .left-1 {
    float: left;
    width: 200px; /* 固定200px */
    background-color: green;
  }

  .right-1 {
    margin-left: 210px; /* 左边宽度再加10px空白 */
    background-color: black;
    color: white;
  }
</style>

<div>
  <div class="left-1">左边固定</div>
  <div class="right-1">右边自适应</div>
</div>

        