flex布局，左边固定轮播图，右边上下滚冬

可以使用 flex 布局实现左边固定轮播图，右边上下滚动的布局，具体实现步骤如下：

1. 父元素设置为 flex 布局，并且设置 flex-direction: row，使子元素从左到右排列。

2. 左边的轮播图可以使用一个 div 元素来包裹，设置该 div 元素的宽度并设置 flex-shrink: 0，使其不会缩小。

3. 右边的上下滚动的内容可以使用一个 div 元素来包裹，设置该 div 元素的 flex-grow: 1，使其可以占据剩余的空间，并且设置 overflow: auto，使其可以滚动。

具体代码如下：

<div class="container">
  <div class="carousel" style="width: 300px; flex-shrink: 0;">
    <!-- 轮播图内容 -->
  </div>
  <div class="scrollable" style="flex-grow: 1; overflow: auto;">
    <!-- 上下滚动内容 -->
  </div>
</div>

<style>
.container {
  display: flex;
  flex-direction: row;
}
</style>

需要注意的是，以上代码只是基本的布局实现，具体样式和内容需要根据实际需求进行调整。