Angular 2 Material 2顶部导航栏\ toolbar

Question

我有工具栏工作,但它在页面顶部留下了一个间隙,而不是平滑.

此外,我希望它是粘性的,但还没有在那部分工作,因为它看起来不像我的工具栏实现是一个"标题".我做错了什么或者我使用了错误的组件？

<md-toolbar color="primary">
    <i class="material-icons app-toolbar-menu">menu</i>
    <span class="app-toolbar-filler"></span>
    <md-sidenav>
    </md-sidenav>
</md-toolbar>

Answer 1

在接受了对方的回答似乎有点哈克,因为您的工具栏是不是一个真正的sidenav.这是一个更好的方法.

在styles.css,设置:

body {
    margin: 0;
}

但是,这也消除了HTML其余部分的边距.如果您不想这样做,请将其余的HTML包装在一个<div>并为其添加边距.