Css 角材料容器未展开以填充页面？

在导航中创建幻灯片时，我有。侧导航正在切换，但它不会扩展以适应页面。IIUC这个CSS类应该完成以下任务（在

styles.CSS

中）：

想法

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

让我知道，如果这有帮助，它看起来像它的工作，但我不知道确切地说，你想要什么，或者

padding: 0;
margin: 0;

在主体元素上删除滚动条

让我知道，如果这有帮助，它看起来像它的工作，但我不知道确切地说，你想要什么，或者

padding: 0;
margin: 0;

---

在body元素上删除滚动条。

我在处理角度材质时遇到了许多类似的问题。这个问题源于AngMat在渲染时动态生成自定义组件和类，因此通常很难提前了解这些内容

如果打开开发工具并选择打开的菜单，您可以找到自定义组件，

，这就是阻止全宽菜单的部分。如果在该构件上手动应用宽度：100%，它将卡入到位

---

我发现有两种方法，它们都不是理想的解决方案。您可以研究如何通过禁用视图封装来覆盖角度材质样式，这是一个非常深刻的概念，涉及到阴影DOM和其他相关的所有内容，但您不需要了解所有这些，就可以知道您可以使用该方法覆盖样式。但是，在某个时候，这将被弃用。另一种方法是硬编码宽度：100%直接应用于组件。因此，在顶级样式表中类似于

mat drawer{width:100%}

。

我在处理角度材质时遇到了许多类似的问题。这个问题源于AngMat在渲染时动态生成自定义组件和类，因此通常很难提前了解这些内容

如果打开开发工具并选择打开的菜单，您可以找到自定义组件，

，这就是阻止全宽菜单的部分。如果在该构件上手动应用宽度：100%，它将卡入到位

我发现有两种方法，它们都不是理想的解决方案。您可以研究如何通过禁用视图封装来覆盖角度材质样式，这是一个非常深刻的概念，涉及到阴影DOM和其他相关的所有内容，但您不需要了解所有这些，就可以知道您可以使用该方法覆盖样式。但是，在某个时候，这将被弃用。另一种方法是硬编码宽度：100%直接应用于组件。所以在顶级样式表中类似于

matdrawer{width:100%}