css左侧固定右侧自适应

  *{
    margin: 0;
    padding: 0;
  }
  .fixBox{
    display: flex;
    width: 100%;
    height: 300px;
    border: 1px solid palevioletred;
  }
  .leftBox{
    flex: 0 0 300px;
    background-color: aquamarine;
  }
  .rightBox{
    background-color: blueviolet;
    flex: 1;
  }
</style>

<div class="fixBox">
    <div class="leftBox">我是左侧的盒子哈哈</div>
    <div class="rightBox">我是右侧自适应的盒子</div>
  </div>