如何使div具有可變寬度以填充父項的其餘部分並使其自身可滾動

Question

我已創建此佈局http://jsfiddle.net/6GVSu/並且想法是具有居中容器，根據容器的內容可以具有可變寬度。這工作得很好，但在這個容器中，我希望有一個標題部分，它始終保留在頂部，而body容器應該填充居中父級的其餘部分，並在需要時顯示滾動條。

而現在我有點卡住了，我試圖讓這個身體容器absolute positioned並拉伸它的父母，芽它將取消它的可能性，以伸展父母horizo​​ntaly。

而當我離開它沒有定位，它填充其父母的其餘部分，如同小提琴，但它最終不顯示滾動條。

那麼請有人給我一些建議嗎？

感謝

Answer 1

你需要設置的<div class="body"></div> &設置它的'溢出-Y高度：滾動」 檢查：http://jsfiddle.net/6GVSu/3/更新

.body 
{ 
    height: 100%; 
    overflow-y:auto; 
} 

Answer 2

您沒有設置高度在「身體」類

.body 
{ 
    overflow:auto; 
    height: 300px; 
} 

脫掉高度「innerPositionDiv」元素

Updated Fiddle