Html 如何将列表缩放到横向中的设备高度，而不是列表内容高度

我有两个元素水平对齐，左边是一个列表。如果我添加了一些项目以便列表开始滚动，那么列表只会比我的设备高度更大，如果我向下滚动列表，右侧的第二个内容就会滚动。所以这个列表的高度超过了100%。。。以下是一些代码：

---

当我创建这段代码时，我注意到我的两个div都不能扩展到设备宽度的100%。你能解释一下原因吗？

这是因为滚动条在主体上（我认为是firefox的html）。相反，您需要将主体的高度固定为100%，然后将滚动条移动到列表容器（33%div）：

---

我将您的66%更改为固定位置，现在当您向下滚动时，看起来您正在滚动列表，而实际上您正在滚动整个文档，这样您就可以在整个文档上应用滚动：

---

此外，我已经从66%的er和33%的er中删除了浮动，并对它们进行了一些调整。如果你想让他们彼此接触，请将66%更改为66.53%。

我刚刚发现我的失败。。。我已经将您的代码添加到我的项目中，但它仍然不起作用，所以我删除了jquery导入，它起作用了。谢谢是的，我也修改了一些其他的东西，你必须看看我在codepen上的代码，在这里，所以我只粘贴了部分，让你理解这个概念

html, body {
    margin: 0px;
    padding: 0px;
    height: 100%;
    max-height: 100%;
    overflow: hidden;
}

.content33percent {
    height: 100%;
    max-height: 100%;
    overflow: scroll;
}

.content66percent {
   background-color: blue;
   height: 100%;
   width: 66%;
   position: fixed;
   right: 5px;