如何使用AngularDart AppLayout组件修复标头？

Question

Basead on Dart AppLayout Example，我想知道如何修改标题（工具栏）而不将内容覆盖在标题上。

为了修复标题，我使用了这个CSS：

material-content material-drawer {
    position: fixed;
}

material-content header {
    position: fixed;
} 

但是另一个内容元素覆盖在标题上。查看图片，其中<material-list-item>的{​​{1}}位于标题上方。

修复标题的更好方法是什么？如何避免这种重叠？

Answer 1

我们用css样式处理这个问题。将标题的z-index设置为大于它的兄弟元素。