如何设置Materialise侧导航的高度和位置?

时间:2016-11-27 23:36:45

标签: html css material-design materialize

我看了http://materializecss.com/side-nav.html并且可以看到如何控制侧导航的高度和位置。它从顶部占据屏幕,但如果我希望它显示在导航栏下面怎么办?

1 个答案:

答案 0 :(得分:1)

您必须将标题设为100%并删除300px的填充左侧。然后,您需要添加122px的margin-top或导航栏的高度。

代码如下所示:

header, main, footer {
    width: 100%;
    padding-left: 0;
}

ul.side-nav.fixed {
    overflow: hidden;
    margin-top: 122px;
}

并为您提供如下结果:http://imgur.com/a/MycFx