我想有一个页眉，页脚和主要内容内的网页，从来没有延伸到浏览器窗口之外。

如果主区域内的组件溢出，我希望它有一个滚动条（EDIT：但它仍然应该填充主要区域）。我尝试了flexbox，网格，各种线索和错误，我找不到解决方案，如果它甚至是可能的。当组件溢出时，它总是伸展主要区域如此之多，它推动页脚出浏览器边界或主要区域溢出超过页脚停留在页面底部的地方。
我找到了这个问题How to make inner div with overflow:scroll stay inside outer div?，但没有height: 100%的组合对我有效。

编辑：This是我目前的尝试

第一个