创建一个大盒子和三个子盒子。

 <div class="box">
    <div>1</div>
    <div>2</div>
    <div>3</div>
  </div>

样式：

.box{
      width: 800px;
      height: 150px;
      margin: 100px auto;
      background-color: antiquewhite;
      /*开启flex布局*/
      display: flex;
    }

.box div{
      width: 100px;
      background-color: blue;
    }

左右两个盒子固定宽度，针对第二个盒子设置伸缩比。随窗口变化缩放。

.box div:nth-child(2){
      /*当左右盒子固定布局，设置flex：1表示该盒子的宽度为父元素剩下的宽度*/
      flex: 1;
      background-color: brown;
    }

效果：