Прокрутите Child Div в Div ... в точке зрения [дублировать] ⇐ CSS

[Anonymous]

Этот заставляет меня в тупик, но, возможно, это невозможно. У меня есть макет HTML с вложенными DOV, и я хочу, чтобы все DOV соответствовали ViewPort, но последнее дочерние свитки, когда есть переполнение; Не прокрутка видовода/браузера. Так что на изображении ниже я не хочу, чтобы браузер прокручивался, я хочу, чтобы зеленый Div прокручивал. Я бы хотел, чтобы «все» отзывчиво на просмотр, не хочу исправлять какую -либо высоту в пикселях. If the viewport is expanded, the green content expands, etc.
[![1]][1]
[1]: https://i.sstatic.net/Fy3WGpKV.png


[code]html, body {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
height:100vh;
}
.div-1 {
flex: 1;
display: flex;
flex-direction: column;
background-color: red;
}
.div-2 {
margin:8px;
flex: 1;
display: flex;
flex-direction: column;
background-color: white;
}
.div-3 {
margin: 8px;
flex: 1;
display: flex;
flex-direction: column;
background-color: blue;
}
.div-scroller {
margin: 8px;
height: 100%;
display: flex;
flex-direction: column;
background-color: green;
overflow-y: scroll;
}< /code>



red

white

blue

green

green

green

green

green

green

green

green

green

green

green





[/code]




Подробнее здесь: https://stackoverflow.com/questions/796 ... a-viewport