如何使Grid组件占用除AppBar之外的所有空间

Question

作为React和Material UI项目的一部分，

在主要的div中我有：

<AppDrawer />
<AppHeader />
<Grid container align={ "stretch" } direction={ "row" } justify={ "center" }>
  { ...something... }
</Grid>

其中AppDrawer和AppHeader是素材网址的Drawer和AppBar组件。

我很难让Grid组件占据页面的其余部分（AppHeader组件除外）。
我尝试使用CSS和height: 100% html，body和#root标记，但这仍然无效。

在文档中他们使用align={ "stretch" }道具，但这也不起作用。

我做错了什么？