Javascript 如何填写剩余的div？

我有以下几点：

我试图让jquery树填充div“a”的剩余内容，但如果没有足够的空间，还包括一个滚动条

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

我建议的解决方案：

• 没有橙色部分滚动

HTML

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

---

你能不能把div b固定下来，在设置了溢出滚动条的情况下给a添加一些填充

.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;
}

---

你所说的“让树填充div a的剩余内容”是什么意思？也许是这样的：我不希望橙色部分滚动。a中的200px是唯一有效的原因。。。我需要100%的“a”

.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;
}