Вложенные дивизии не показывают весь список из 200 чисел. Высота CSS и СВОМКА СВЯЗАНЯЯ ПРОБЛЕКТА [Дубликация] ⇐ Html

[Anonymous]

Привет, у меня есть простой HTML -файл, с небольшим количеством, если CSS и JavaScript. Я печатаю 2 столбца. В обоих столбцах JavaScript используется для печати чисел от 1 до 200. В правом столбце есть вложенное Div. В этом DIV числа не показывают, что начинаются с 1, но начинаются около 86. Трудно понять, почему они действуют таким образом. Может ли кто-нибудь помочь мне? -css lang-css prettyprint-override ">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);
}< /code>




for (let i = 1; i

< /div>
< /p>
Я устанавливаю высоту правого столбца на 100 процентов. Я установил переполнение, чтобы «прокрутить» для вложенного Div. Так что, когда 200 теги напечатаны внутри вложенного Div, а высота вложенного Div превышает высоту правого столбца, тогда он может показать полосу прокрутки.
, но, похоже, только показывает теги Начальная форма от 86 до 200. Не те, которые ниже 86.

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