Javascript 如何使主DIV中的两个DIV固定并可滚动

我的情况是有3个

div

s：

<div id="div1"> // code 
    <div id="div2"> // code </div>
    <div id="div3"> // code </div>
</div>

//代码
//代码
//代码

我需要确保

div1

始终是浏览器窗口的高度（响应

window.resize

），并且

div2

和

div3

在浏览器中都有固定的位置（<代码> > DIV2在代码的底部> DIV1和<代码> DIV3在代码的中间> DIV1 >固定<代码>最大高度。此外，<代码> DIV3可能具有比其固定的高度更适合的内容，因此它有一个滚动来查看所有这些内容。

我尝试了各种设置，包括

position:fixed；

和

top:0；bottom:0；

，但都不起作用，因为在我的

div2中，

总是被推到浏览器窗口的边界之外

你知道我怎么做吗

谢谢

---

尝试以下操作以使div可滚动：

<div style="overflow:auto;">

---

从该问题和答案中提取的代码

您是否尝试过溢出：滚动

CSS:

#第3部分{
宽度：200px；
高度：100px；
溢出：滚动；
}

你能用你尝试过的css提供一个解决方案吗？是的，我可以做滚动，但是如何使它的位置固定，并且不使它超出浏览器窗口的边界（和

div1

）是的，我可以进行滚动，但是如何使其位置固定，并且使其不超出浏览器窗口的边界（以及

div1

）？