css - 将 div 的高度作为其内容或作为其父级(如果它较小)

Question

一些 html:

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

我希望我的内部 div 高度不大于父 div，如果它更大，那么内容 div 应该有滚动，但如果它更小，它应该与它的内容大小相同。

我尝试设置 inner 的 max_height=100%，但我无法让我的内容滚动。我想不用js做

UPD:我不知道主 div 的高度(300px 不是常量)

UPD2:我的主 div 有“最大高度:100%”，所以我不知道确切的值

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

Answer 1

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

#inner{overflow-y:scroll;}