我是CSS和HTML的新手，正在尝试使用Angular.我想有一个网页没有'主'滚动条（电子应用程序）。

这个页面中，我将有3个divs。其中一个（中间的那个），将包含一个身高很高的孩子。这就是为什么中间的divs需要使用滚动条溢出的原因。

换句话说，每当我调整窗口的高度时，我希望中间的divs是调整后的高度。它会填满所有可用的空间。

我想知道是否可以用CSS做到这一点？或者我必须编写JavaScript代码来设置这个中间组件的高度等于父元素减去其他元素的高度？

<代码><；细分（>；）<；细分（>；）我希望滚动区扩展到浏览器的底部。窗口。（此文本应始终可见）<；/DIV>；<；DIV类="；滚动区"；>；滚动区<；DIV类="；大盒子"；>；大盒子<；/DIV>；<；/DIV>；<；DIV>；后滚动区（应始终可见）<；/DIV>；<；/DIV>；

<div>
  <div>
    I would like that the scroll zone expands down to the bottom of the browser
    window. (this text should always be visible)
  </div>
  <div class="scroll-zone">
    scroll-zone
    <div class="big-box">big-box</div>
  </div>
  <div>After scroll zone (should always be visible)</div>
</div>

（非工作）示例：https：//stackblitz.com/edit/angular-ivy-1szgga？file=src/app/app.component.html.

顺晟科技：

<代码><；细分（>；）<；细分（>；）我希望滚动区扩展到浏览器的底部。窗口。（此文本应始终可见）<；/DIV>；<；DIV style="；Max-height：400px；溢出：自动"；>；滚动区<；DIV style="；background-color：yellow；height：500px"；>；大盒子<；/DIV>；<；/DIV>；<；DIV>；后滚动区（应始终可见）<；/DIV>；<；/DIV>；