1. 两边使用 float，中间使用 margin - 在线编辑器

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

  .left {
    float: left;
    width: 100px;
    background: green;
  }

  .right {
    float: right;
    width: 100px;
    background: green;
  }

  .main {
    margin: 0 110px;
    background: black;
    color: white;
  }
</style>

<div class="left">左边定宽</div>
<div class="right">右边定宽</div>
<div class="main">中间自适应</div>

        