最高容器，里面有很高的固定位置容器

Question

遇到一个非常基本的CSS问题。

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

它需要那个高度，因为它会充满内容，你最终会通过点击按钮和一些javascript来看到。 （更改scrollTop）

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

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

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

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

如果可以使用JS / Jquery解决方案完成，我肯定会对此持开放态度。

Answer 1

不确定这是否适合您的需求，但我已将.tall div与另一个容器包装在一起，因为position:fixed不会在其容器div中符合overflow:hidden。

http://jsfiddle.net/3DZ53/

Answer 2

很难说这是否适合您的需要，但是你可以......

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