html - Angular 5 应用程序 CSS 固定一个 div 的位置，而第二个是可滚动的

Question

我在 Angular 应用程序中遇到 CSS 问题。这是我现在的结构图片:

我试图在 Div1 中禁用滚动并让 Div2 仍然可滚动。

这是我现在的 CSS:

.div0 {
  overflow: hidden;
}
.div1 {
  overflow: hidden;
}
.div2 {
  overflow: auto;
}

但它似乎什么也没做，我仍然可以在应用程序上完全滚动。我试图将 overflow: hidden; 放在 body (index.html) 中，但随后它完全禁用了滚动。有什么想法吗？

如果我犯了一个菜鸟错误，我很抱歉，我是 CSS 的初学者。

Answer 1

试试这个

.div2 {高度:200px；
溢出:自动；