创建具有可滚动的固定列的嵌套布局

<div class="container">
  <div class="fixed-column">
    <!-- 左侧固定列的内容 -->
  </div>
  <div class="scrollable-content">
    <!-- 右侧可滚动内容区域 -->
  </div>
</div>

.container {
  display: flex;
}

.fixed-column {
  flex: 0 0 auto;
  /* 这里设置左侧固定列的宽度 */
  width: 200px;
}

.scrollable-content {
  flex: 1 1 auto;
  /* 这里设置右侧可滚动内容区域的样式 */
  overflow: auto;
}