我有一个父元素，其高度固定，有2个子元素。
第一个元素根据其内容（或折叠性质）在高度上是动态的。
我希望第二个元素尽可能高，直到达到父元素高度的末尾。诀窍是，如果内容多于其高度，我希望滚动它。
这是一个Fiddle来证明这一点。请注意第二部分被剪切 - 我正试图让它滚动。当然我可以overflow: auto，但我只希望子div滚动，而不是整个父。
我用Javascript解决了这个问题并且工作正常。 然而，由于一些故障和动画，它看起来并不那么顺利。
我试图寻找一个只有CSS的解决方案，但我没有做到接近解决这个问题。有没有办法，或者我在JS中绑定动态计算？
.parent {
max-height: 250px;
overflow: hidden;
}
修改：小提琴有错误的链接，现在已修复。