Verschachtelte DIV, die keine ganze Liste von 200 Zahlen zeigt. CSS -Höhe und Verwirrung von Eigenschaften [Duplikat] ⇐ HTML

[Anonymous]

Hallo, ich habe eine einfache HTML -Datei mit etwas, wenn CSS und JavaScript. Ich drucke 2 Spalten. In beiden Spalten wird JavaScript verwendet, um Zahlen von 1 bis 200 zu drucken. In der rechten Spalte befindet sich ein verschachtelter Div. In dieser DIV zeigen Zahlen ab 1 nicht, sondern beginnen um 86. Es ist schwer zu verstehen, warum es so handelt. Könnte mir jemand helfen? -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>
Ich habe die Höhe der rechten Spalte auf 100 Prozent festgelegt. Ich setzte mich zum "Scrollen" für die verschachtelte DIV ein. Wenn 200 -Tags im verschachtelten Div gedruckt werden und die Höhe des verschachtelten DIV die Höhe der rechten Spalte überschreitet, kann es eine Bildlaufleiste anzeigen. Startformular 86 bis 200. Nicht die unter 86.