javascript - 最大高度容器，里面有非常高的固定位置容器

Question

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

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

它需要这个高度，因为它会充满内容，您最终会通过单击按钮和一些 javascript 看到这些内容。（改变滚动顶部）

我不是 100% 确定我做错了什么，但我基本上只需要 655px 的固定位置容器来显示。我不太确定为什么这不能按照我的设置方式工作。

在这里查看 JS 小提琴：http: //jsfiddle.net/BG2bu/

.tall {
background-color:blue;
position:absolute;
right:0px;
width:200px;
height:5000px;
}

我正在使用这个 CSS 来定义 tall 容器。而且我知道如果我将位置更改为绝对位置，它将限制在其父容器的最大高度。由于其他原因，我真的需要修复这个容器。有没有办法做到这一点？我在这里错过了一些简单的东西吗？

如果这可以通过 JS/Jquery 解决方案来完成，我肯定对此持开放态度。

score 1 · Accepted Answer

不确定这是否适合您的需求，但我已经.tall用另一个容器包装了 div，因为它position:fixed不会粘overflow:hidden在它的容器 div 中。

score 0 · Accepted Answer

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

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

2 回答 2