angularjs-material：带有父元素高度的sidenav

Question

我正在尝试使用angularjs-material md-sidenav 构建sidenav。

我在页面顶部有一个md工具栏。我希望侧面导航的高度适合仅声明的父项。

这是我尝试过并失败的代码链接：

<md-sidenav class="md-sidenav-left" md-component-id="left" md-disable-backdrop="" md-whiteframe="2">

Codepen：https://codepen.io/knomdlo/pen/VdQrog

当我点击切换sidenav时，左侧sidenav占据了我的工具栏的整个高度。我希望它适合作为其子级的部分（或div）。