写一个布局，满足当页面滚动时，左侧固定不动，右侧的最小高度与左侧一样

"```markdown

实现固定左侧布局

<div class=\"container\">
  <div class=\"left\"></div>
  <div class=\"right\"></div>
</div>

.container {
  display: flex;
}

.left {
  width: 200px;
  position: fixed;
  top: 0;
  bottom: 0;
}

.right {
  flex: 1;
  min-height: 100vh; /* 最小高度与左侧一样 */
  margin-left: 200px; /* 确保右侧内容不被左侧遮挡 */
}

以上代码实现了一个固定左侧布局，当页面滚动时，左侧固定不动，右侧的最小高度与左侧一样。

• 使用 flex 布局，将左右两个 div 包裹在一个容器中。
• 左侧 div 的宽度设置为 200px，并使用 position: fixed 固定在页面上。
• 右侧 div 使用 flex: 1 占据剩余的空间，并通过 min-height: 100vh 设置最小高度与左侧一样。
• 为了避免右侧内容被左侧遮挡，使用 margin-left: 200px 将右侧内容向右偏移。

这样，当页面滚动时，左侧固定不动，右侧的最小高度与左侧一样，实现了所需的布局效果。