角材6侧面导航使用100％页面高度/垫台滚动

Question

嗨，我现在正在和CSS战斗几个小时-希望您能对我有所帮助：

我尝试将我的高度设置为固定的100％。 然后，如果子表有更多的数据行，则它也应该调整大小，并且不能超过年龄的100％。 （mat-table现在支持滚动和固定的页眉和页脚行。这就是为什么我要为SPA重新设计）

下面是一个示例，外观如下：https://stackblitz.com/edit/ng-fullpage-scrolltable 但这有一个固定的设置.mat-table { height: 400px;}（如果显示的项目超过5个，则该表格会很好地滚动）

我如何使这个高度（或更好的是整个垫子-侧面导航容器或身体的高度扩展到100％

Answer 1

使用

.mat-table {
  height: calc( 100vh - 250px);
  overflow: auto; 
  width: 100%;
}

我在您的堆叠闪电中尝试了id并且工作了