Вложенные дивизии не показывают весь список из 200 чисел. Высота CSS высота и прокрутка собственности путаница ⇐ Html

[Anonymous]

Привет, у меня есть простой HTML -файл, с небольшим количеством, если CSS и JavaScript. Я печатаю 2 столбца. В обоих столбцах JavaScript используется для печати чисел от 1 до 200. В правом столбце есть вложенное Div. В этом DIV числа не показывают, что начинаются с 1, но начинаются около 86. Трудно понять, почему они действуют таким образом. Может ли кто -нибудь помочь мне? < /P>





Two Column Divs

body, html {
margin: 0;
padding: 0;
height: 100vh;
}
body {
width:100%;
/* height:100%; */
/* max-height:100%; */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
background-color: yellow;
/* background-image: url("../public/msgappback.png"); */
/* background-repeat: no-repeat;
background-size: 100% 100%; */
}
.col1 {
height:100%;
overflow-y:auto;
width:20%;
min-width: 5rem;
display: flex;
flex-direction: column;
align-items: center;
background-color: rgba(0, 255, 242, 0.5);
/* padding:1rem; */
}
.col2 {
height:100%;
/* overflow-y:auto; */
width:80%;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
background-color: rgba(0,0,255,0.5);
/* padding:1rem; */
}
.nested {
height:100%;
/* min-height:100%; */
width:60%;
overflow-y:scroll;
display: flex;
flex-direction: column;
justify-content: center;
background-color: rgb(157, 255, 0);
}







for(let i = 1; i


Подробнее здесь: https://stackoverflow.com/questions/794 ... lling-prop