分屏显示，带有两个独立的滚动条

在网页开发中，可以使用CSS的overflow属性来实现分屏显示，并且为每个分屏添加独立的滚动条。以下是一个基本的示例代码：

HTML部分：

<div class="container">
  <div class="split left">
    <div class="content">
      <!-- 左侧分屏内容 -->
    </div>
  </div>
  <div class="split right">
    <div class="content">
      <!-- 右侧分屏内容 -->
    </div>
  </div>
</div>

CSS部分：

.container {
  display: flex;
}

.split {
  height: 100vh; /* 分屏的高度，可以根据需要进行调整 */
  overflow-y: scroll; /* 垂直方向滚动条 */
}

.left {
  width: 50%; /* 左侧分屏宽度，可以根据需要进行调整 */
  background-color: lightgray;
}

.right {
  width: 50%; /* 右侧分屏宽度，可以根据需要进行调整 */
  background-color: lightblue;
}

.content {
  height: 2000px; /* 分屏内部内容的高度，用来测试滚动条的效果 */
}

在上面的代码中，我们使用了Flex布局来创建一个容器，然后分别在容器内部创建左侧和右侧的分屏。通过设置overflow-y: scroll属性，我们为每个分屏添加了垂直方向的滚动条。

你可以根据需要调整分屏的高度、宽度以及内部内容的高度，以适应实际的需求。