如何在內容區域中製作具有最大高度和滾動條的收縮適配容器？

Question

我想實現像標題和可滾動內容區域的常規窗口'窗口。所述.frame收縮以適合其大小可變的內容，並且僅由max-width/max-height限於：

<div class="frame"> 
    <div class="title">title</div> 
    <div class="content scrollable">content of variable width/height</div> 
</div> 

因此，基本上，沒有外width/height被設置時，.framewidth/height僅通過max-width限制，max-height，除了.frame縮小以適應其內容。 結果將看起來像一個標題欄和變量width/height內容的常規窗口窗口，如果幀的height/width超過某些最大值，則該內容應滾動。

如何在CSS中完成？

Answer 1

div.frame 
{ 
max-width: 400px; 
max-height: 200px; 
overflow: auto; 
} 

Fiddle