Angular 角度材质：滚动条位置不正确

在我基于angular+material的项目中，我刚刚成功地将垂直滚动条定位在工具栏下方（在sidenav的帮助下）

但它并没有像预期的那样适用于所有情况。 看

• 主页：无滚动条：好
• 第2页：文本较长，右侧有一个滚动条：好
• 页面1：带奇怪滚动条的居中图像：糟糕

Page1有一个带有firefox的水平滚动条！？！ 我希望在右边有一个垂直滚动条，而没有水平滚动条。 我需要将图像、表格和文本居中

我试着在水平滚动条上使用“宽度”，但没有成功

编辑： 正确的！在我的项目中，它并没有像预期的那样工作，所以我非常困惑，直到我重写并做了一些清理

我用2个div包围了每页：

---

在

stdpage

课堂作业中提供

宽度：100%

。添加宽度后，页面1将正确获得垂直滚动条

.stdpage {
  position: fixed;
  top: 64px;
  width: 100%;
  overflow: auto;
  height: calc(100vh - 64px);
}

.page-container {
  position: fixed;
  top: 64px;
  overflow: auto;
  height: calc(100vh - 64px);
  width: 100%;
}

.page-content {
  padding-right:  3rem;
  padding-left:   3rem;
  padding-bottom: 1rem;
}

.stdpage {
  position: fixed;
  top: 64px;
  width: 100%;
  overflow: auto;
  height: calc(100vh - 64px);
}