css - Angular Material 容器未扩展以填充页面？

Question

I'm trying to follow this tutorial在导航中创建幻灯片时，我有 following stackblitz .侧面导航正在切换，但它没有扩展以适合页面。 IIUC 这个 CSS 类应该可以解决这个问题(在 styles.css 中):

.container {
    position: absolute;
    top:0px;
    left:0px;
    bottom:0px;
    right: 0px;
}

想法？

Answer 1

.container {
    position: absolute;
    height: 100vh;
    width: 100vw;
    top:0px;
    left:0px;
    bottom:0px;
    right: 0px;
}

如果这有帮助，请告诉我，它看起来有效，但我不知道你到底想要什么，并且可以选择

padding: 0;
margin: 0;

在 body 元素上删除滚动条。