Material UI Drawer组件隐藏了底层导航栏

Question

我正在尝试使用Google的素材UI库的Drawer组件。我有它配置和工作，但问题是，它在我的网络应用程序的底层导航栏上重叠。有没有办法可以将此库的抽屉功能限制在{wholeScreen - topNavigationBar}区域？

这是我的渲染函数返回的内容

        <div>
            <NavBar />
            <div>
                <Button onClick={this.handleLeftOpen}>Menu</Button>
                <Drawer
                    open={this.state.open.left}
                    onRequestClose={this.handleLeftClose}
                    onClick={this.handleLeftClose}>
                    {leftDrawerList}
                </Drawer>    
            </div>
        </div>   

Answer 1

如果您查看抽屉样式，您会发现它具有z-index: 1300属性。所以我想你应该给你的Navbar z-index大于1300