CSS-приложение Angular 5 фиксирует положение одного делителя, в то время как второе прокручивается

Question

У меня проблема с CSS в моем угловом приложении. Вот картинка моей структуры на данный момент:

Я пытаюсь отключить прокрутку в Div1, а Div2 все еще можно прокручивать.

Вот мой css:

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

Но, похоже, ничего не происходит, у меня все еще есть полная прокрутка в приложении. Я попытался поместить overflow: hidden; в тело (index.html), но затем он полностью отключил прокрутку. Есть идеи?

Извините, если я сделал ошибку noob, я полный новичок в CSS.

Answer 1

, пожалуйста, попробуйте ниже стили.

.div0 {
     position: relative;
}

.div1, .div2 {
    position: fixed;
    height: 100%;
    overflow: hidden;
}

Answer 2

Попробуйте это

.div2 {height: 200px; overflow: auto; }