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

CSS 布局
实现CSS双栏自适应布局的5种方法
2. 左边使用 position: absolute 固定宽度，右边使用 margin-left 隔开自适应

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

  .left-2 {
    position: absolute; /* 固定200px */
    width: 200px;
    background-color: green;
  }

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

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

        