材质 UI 嵌套抽屉和 appbar 内带有标签的 appbar

【问题标题】：Material UI nest drawer and appbar inside appbar with tabs材质 UI 嵌套抽屉和 appbar 内带有标签的 appbar
【发布时间】：2018-12-07 17:06:31
【问题描述】：

在我的应用程序中，我有几个文件的选项卡，每个文件都应该有自己的抽屉和应用栏。代码沙盒类似于我正在尝试做的事情。

如您所见，第一个选项卡的内容位于抽屉下方。你如何防止这种情况发生？

我尝试像 appbar 那样为内容添加左边距，但没有解决问题。

【问题讨论】：

【解决方案1】：

这是由抽屉上的position: relative 引起的，它与包裹在其中的display: block div 交互。

要实现此效果（导航抽屉位于应用栏下方），请使用 Z-index 和填充/边距：

drawerPaper: {
    zIndex: 0,
    paddingTop: 60,
    width: drawerWidth,
  },

【讨论】：