如何填补剩余的div？

Question

我有以下内容：http://jsfiddle.net/a9VDa/12/

我试图让jquery树填充div的剩余内容＆＃34; a＆＃34;但如果没有足够的空间，还要包括一个卷轴。

<div class="a">
    <div class="b"></div>
    <div class="c" id="tree"></div>
</div>

Answer 1

我建议的解决方案：http://jsfiddle.net/Bt2sL/2/

• 没有橙色部分滚动。

<强> HTML

<div class="b"></div>
<div class="a">
    <div class="c" id="tree"></div>
</div>

<强> CSS

.a {
    height: 60px;
    background-color: red;
    height: auto;
    overflow: scroll;
    height: 200px; // adjust this to your need
}

.b {
    height: 22px;
    background-color: coral;
}
.c {
    background-color: lightblue;
}

Answer 2

你能解决div b并为溢出滚动设置添加一些填充吗？

.a {
    height: 60px;
    background-color: gray;
    position: relative;
    overflow: scroll;
    padding-top: 22px;
}

.b {
    position: fixed;
    top: 0;
    height: 22px;
    background-color: coral;
}
.c {
    background-color: lightblue;
    height: auto;
    overflow: scroll;
}