Html 如何水平拆分网页？

我想水平拆分一个网页，这样我可以滚动一个站点，而另一个站点保持静止。但我真的很难做到这一点。我从W3chool中找到了以下代码，但它只能垂直运行

HTML：

<div class="split left">
  <div class="centered">
    <img src="img_avatar2.png" alt="Avatar woman">
    <h2>Jane Flex</h2>
    <p>Some text.</p>
  </div>
</div>

<div class="split right">
  <div class="centered">
    <img src="img_avatar.png" alt="Avatar man">
    <h2>John Doe</h2>
    <p>Some text here too.</p>
  </div>
</div>

---

拜托，我需要帮助。

我最近在css vh和vw中使用了一个巧妙的技巧。 基本上 宽度：100vw 高度：100vh

将图元设置为视图高度的100%和视图宽度的100%

听起来你可以利用这一点，并有2个div或元素都与50vh

<div style="height:50vh">1</div>
<div style="height:50vh">2</div>

1
2.

理论上，这将给你2个div，每个div占据视图高度的一半

---

然后你只需要设置overflow-x:scroll或overflow-x:auto来添加滚动条

我最近在css vh和vw中使用了一个巧妙的技巧。 基本上 宽度：100vw 高度：100vh

将图元设置为视图高度的100%和视图宽度的100%

听起来你可以利用这一点，并有2个div或元素都与50vh

<div style="height:50vh">1</div>
<div style="height:50vh">2</div>

1
2.

理论上，这将给你2个div，每个div占据视图高度的一半

---

然后只需设置overflow-x:scroll或overflow-x:auto即可添加滚动条；垂直测量使用

左侧

、

右侧

和

宽度

，水平测量使用

顶部

、

底部

和

高度

。从那以后，你能想出一种重新调整代码用途的方法吗？事实上，我已经为自己尝试了两天，没有成功。你能给我一个更准确的答案吗？我需要知道删除和添加代码的哪一部分。谢谢你也许你能给我们一个更准确的问题，你到底在哪里有问题，而不是一个工作请求和一些从另一个网站复制的代码；垂直测量使用

左侧

、

右侧

和

宽度

，水平测量使用

顶部

、

底部

和

高度

。从那以后，你能想出一种重新调整代码用途的方法吗？事实上，我已经为自己尝试了两天，没有成功。你能给我一个更准确的答案吗？我需要知道删除和添加代码的哪一部分。谢谢你也许你能给我们一个更准确的问题，你到底在哪里有问题，而不是一个工作请求和一些从另一个网站复制的代码？