三个宽度不同的div并排，左右固定的

<div class="container">
  <div class="left">Left Content</div>
  <div class="middle">Middle Content</div>
  <div class="right">Right Content</div>
</div>

.container {
  display: flex;
}

.left {
  flex: 0 0 200px; /* 左侧固定宽度 */
}

.middle {
  flex: 1; /* 中间自适应宽度 */
}

.right {
  flex: 0 0 300px; /* 右侧固定宽度 */
}

<div class="container">
  <div class="left">Left Content</div>
  <div class="middle">Middle Content</div>
  <div class="right">Right Content</div>
</div>

.container {
  display: grid;
  grid-template-columns: 200px 1fr 300px; /* 左中右三列的宽度比例 */
}

.left {
  /* 左侧固定宽度 */
}

.middle {
  /* 中间自适应宽度 */
}

.right {
  /* 右侧固定宽度 */
}