Html 嵌套div中的100高度

我被这个麻烦缠住了。 当我使用选择框时，jQuery添加第二个选择框，高度也会改变。 卷轴bord必须与地图在一行中

我的例子

HTML:

在中。过滤器高度必须是自动的，具体取决于内容。 .list高度必须使用静止高度，但不能超出帧100 vh

这里有一个解决方案

---

基本上我所做的就是把高度点改成了%。还将

overflow-y

更改为

auto

不确定我是否理解正确，但您需要JavaScript。我已经更新了

这是JavaScript代码（在jQuery中）：

---

我不明白你的意思。你能再解释一下吗？对不起，我需要卷轴。我正在编辑我的问题，也许今年更清楚了，你理解对了。我试过这个。但这工作一般。就这样，或者你需要任何改变吗？是的！托马斯！非常感谢。

<div class="left">
    <div class="filter">
        <p> Some text </p>
    </div>
    <div class="list">
        <p> Some other text </p>        
    </div>
</div>

html {
    height: 100%;
    background-color: grey;
}
body {
    margin: 0;
}
.left {
    width: 300px;
    height: 100vh;
    background-color: red;
}

p  {
    margin:0;
    padding:0;
}
.filter {
    background-color: yellow;
}

.list {
    overflow-y: scroll;
    height: 100%;
}

$(document).ready(function() {
    $('.list').css('height', $(window).height()-$('.filter').height());
});