Question

我有一个父元素，其高度固定，有2个子元素。

第一个元素根据其内容（或折叠性质）在高度上是动态的。

我希望第二个元素尽可能高，直到达到父元素高度的末尾。诀窍是，如果内容多于其高度，我希望滚动它。

这是一个Fiddle来证明这一点。请注意第二部分被剪切 - 我正试图让它滚动。当然我可以overflow: auto，但我只希望子div滚动，而不是整个父。

我用Javascript解决了这个问题并且工作正常。然而，由于一些故障和动画，它看起来并不那么顺利。

我试图寻找一个只有CSS的解决方案，但我没有做到接近解决这个问题。有没有办法，或者我在JS中绑定动态计算？

.parent {
     max-height: 250px;
     overflow: hidden;
}

修改：小提琴有错误的链接，现在已修复。