CSS溢出继承

Question

这不是一个javascript问题，但我创建了一个小提琴，所以我可以证明我卡在哪里（链接在底部）。

我想将滚动条应用于子div并推翻父项。

例如在演示中，我希望滚动条出现在标题下方的文本旁边，但不能一直延伸到顶部。

该演示非常基本，但我需要这样做的原因涉及动态元素，可以在屏幕上拖动并可以由用户进行扩展。包含大量信息的div需要可滚动，而上面的可能会隐藏。

任何帮助将不胜感激。

LINK TO JSFIDDLE

Answer 1

对于溢出产生滚动条，你需要给DIV的高度。

#container{ 
    overflow:auto; 
    height:500px; 
};