javascript - 如何使主DIV内的两个DIV固定且可滚动

Question

我的情况是我有 3 个 div:

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

我需要使 div1 始终是浏览器窗口的高度(响应 window.resize)并且 div2和div3在浏览器中都有固定的位置(div2在div1的底部，div3在中间) div1 具有固定的 max-height)。此外，div3 的内容可能超出其固定高度，因此它有一个滚动条来浏览所有这些内容。

我尝试了各种设置，包括 position: fixed; 和 top: 0; bottom: 0; 但它不起作用，因为在我的 div2 中总是被推到浏览器窗口的边界之外。

你知道我该怎么做吗？

谢谢!

Answer 1

试试这个使 div 可滚动:

<div style="overflow:auto;">

代码取自这个问题和答案 link