使用flex添加滚动到左侧导航栏和右下子内容？

<div class="container">
  <div class="sidebar">
    <!-- 左侧导航栏内容 -->
  </div>
  <div class="content">
    <!-- 右下子内容 -->
  </div>
</div>

.container {
  display: flex;
  height: 100vh; /* 设置容器高度为视口高度 */
}

.sidebar {
  flex: 0 0 200px; /* 左侧导航栏宽度固定为200px */
  overflow-y: auto; /* 垂直方向溢出内容滚动 */
}

.content {
  flex: 1; /* 右下子内容自动填充剩余空间 */
  overflow-y: auto; /* 垂直方向溢出内容滚动 */
}