可滚动嵌套div - 最大高度100％

Question

我见过类似的帖子，但没有找到能解答我特定问题的帖子。

我有一个左右列的布局。在左栏内，我有两排。

我希望左列的底行可滚动，但不能以隐藏顶行的方式滚动。

    <div id="left">
      <div class="top-row-header">
        Some header text
      </div>
      <div class="bottom-row-content">
        Some text. Scrollable independent of the header
     </div>
   </div>
    <div id="right>
      Some scrollable text
    </div>

这是一个小提琴：http://jsfiddle.net/bec4pm98/

我已经接近了，但左栏中的底行太大了。我希望它相对于顶部行的大小来确定其大小。

Answer 1

left-inner div的高度为100％，但您也有jumbotron作为兄弟。将jumbotron的高度设置为20％，将left-inner的高度设置为80％。

示例：http://jsfiddle.net/bL99yds1/

这并不完美，但我在手机上并且很难修补。你得到了要点。