Angular Material 和布局填充以填充屏幕的 100%，仅此而已
Angular Material and layout-fill to fill up to 100% of screen, no more
我正在研究 Angular Material，但我不习惯使用 flexbox 进行布局。我不想要屏幕右侧的滚动条。但是，我想在每个 div 工具栏下方的右侧都有一个滚动条。
HTML:
<body ng-controller="MainController as main" ng-cloak>
<div ng-include="'menu.html'"></div>
<div ng-include="'toolbar.html'"></div>
<div ui-view layout="row" layout-fill></div>
</body>
在我的 Plunkr 中，请注意显示了两个工具栏。我不想显示外部工具栏。如果我在左内滚动条中向下滚动，我将看不到该元素的底部，除非我使用右外滚动条进一步向下滚动。
在我的 Imgur 示例中，我向下滚动了文档，我可以看到所有内容，但我再也看不到工具栏了。出于某种原因，md-toolbar 是添加到高度的量。我可以通过将 body height 设置为 95% 来解决这个问题，但这不是一个很好的解决方案。
似乎在元素上设置 position: fixed; right: 0; 为我解决了这个问题。
我正在研究 Angular Material，但我不习惯使用 flexbox 进行布局。我不想要屏幕右侧的滚动条。但是，我想在每个 div 工具栏下方的右侧都有一个滚动条。
HTML:
<body ng-controller="MainController as main" ng-cloak>
<div ng-include="'menu.html'"></div>
<div ng-include="'toolbar.html'"></div>
<div ui-view layout="row" layout-fill></div>
</body>
在我的 Plunkr 中，请注意显示了两个工具栏。我不想显示外部工具栏。如果我在左内滚动条中向下滚动，我将看不到该元素的底部，除非我使用右外滚动条进一步向下滚动。
在我的 Imgur 示例中，我向下滚动了文档，我可以看到所有内容，但我再也看不到工具栏了。出于某种原因，md-toolbar 是添加到高度的量。我可以通过将 body height 设置为 95% 来解决这个问题，但这不是一个很好的解决方案。
似乎在元素上设置 position: fixed; right: 0; 为我解决了这个问题。