Javascript 最大高度容器，内部有非常高的固定位置容器

在一个非常基本的CSS问题上遇到了一些麻烦

我有一个最大高度为655px的容器。现在在这个容器的右边是一个固定位置的容器（由于我正在做的事情，它必须是固定位置的）。固定位置容器的高度大得离谱

它需要这样的高度，因为它将充满内容，您最终可以通过单击按钮和一些javascript看到这些内容。（更改滚动条顶部）

我不能100%确定我做错了什么，但我基本上只需要655px的固定位置容器来显示。我真的不知道为什么我的设置方式不起作用

在这里查看JS小提琴：

我使用这个CSS来定义高容器。我知道如果我将位置更改为绝对，它将约束到其父容器的最大高度。由于其他原因，我真的需要修复这个容器。有什么可能的方法可以做到这一点吗？我是不是错过了一些简单的东西

---

如果这可以通过JS/Jquery解决方案实现，我肯定会接受。

很难说这是否适合您的需要，但您能

.tall {
    max-height: 655px;
    overflow: scroll / hidden;
}

---

不确定这是否适合您的需要，但我已将

包装为另一个容器作为
位置：固定的
将不会附着到其容器div中的
溢出：隐藏的

不，不幸的是，这对我不起作用。高的容器中充满了许多绝对定位的元素，当我改变最大高度时，这些元素似乎会发生移动。如果没有更好的想法，很难给出进一步的建议。你能分享一个链接吗？这有点混乱，但是：基本上我有一个水平的容器，和一个嵌套在其中的垂直容器。当到达特定点时，水平滚动条控制垂直容器的滚动。基本上我是通过改变容器的顶部和左侧位置来实现的。。。当高的容器装满内容物时，这会导致非常刺耳的结果。试图编辑该代码，使其在通过1438像素后垂直容器变为固定的…问题是，当其固定后，它将不再听父母的高度。完美！正是我想要的。谢谢你的帮助！
.tall {
    max-height: 655px;
    overflow: scroll / hidden;
}