CSS溢出繼承

Question

這不是一個javascript問題，但我創建了一個小提琴，所以我可以證明我卡在哪裏（鏈接在底部）。

我想將滾動條應用於子div並推翻父項。

例如在演示中，我希望滾動條出現在標題下方的文本旁邊，但不能一直延伸到頂部。

該演示非常基本，但我需要這樣做的原因涉及動態元素，可以在屏幕上拖動並可以由用戶進行擴展。包含大量信息的div需要可滾動，而上面的可能會隱藏。

任何幫助將不勝感激。

LINK TO JSFIDDLE

Answer 1

對於溢出產生滾動條，你需要給DIV的高度。

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