css - 将div的高度作为其内容；如果较小，则作为其父项

一些HTML：

<div style="height: 300px">
  <div id="inner">
    <div id="title">
       ...
    </div>
    <div id="content">
       ....
    </div>
    <div>
       ..another div
    </div>
  </div>
</div>

我希望我的内部div高度不大于父div的高度，如果更大，则content div应该具有滚动，但是如果它较小，则它的大小应与其内容相同。

我尝试设置inner的max_height = 100％，但无法使内容滚动。
我想没有js

UPD：我不知道主要div的高度（300像素不是常数）

UPD2：我的主div具有“最大高度：100％”，因此我不知道确切值

演示：
http://jsfiddle.net/kzfRk/7/

最佳答案

不确定我是否了解，但是如果您的滚动条没有出现，请尝试：

#inner{overflow-y:scroll;}