Wie erstelle ich eine Scrolling Middle Box mit zwei statischen Boxen neben sich, alle in einem Behälter? [Duplikat] ⇐ CSS

[Anonymous]

Bildbeschreibung hier eingeben..container {
margin: 20;
display: flex;
border: 3px solid black;
height: 1000px;
width: 1000px;

}

.box {
flex: 1;
margin: 0px;
padding: 40px;
border: 0px solid #ccc;
background-color: yellow
}

.box2 {

flex: 1;
margin: 0px;
padding: 40px;
border: 0px solid #ccc;
background-color: blue;
overflow: auto;
}

.box3 {
flex: 1;
margin: 0px;
padding: 40px;
border: 0px solid #ccc;
background-color: red
}< /code>

Box 1
Box 2
Box 3
< /code>
< /div>
< /div>
< /p>
stellte jedoch fest, dass ich den mittleren Box nicht scrollen kann. Ich würde es gerne so machen, dass es in einem Behälter alles enthalten ist, aber der mittlere Bereich sollte scrollen und die Seiten sollten so bleiben, wie sie sind, da ich versuche, einen Grenzeffekt mit dem Hintergrund zu erzielen. Jede Hilfe, danke! < /p>
Ich habe versucht, Überlauf hinzuzufügen: Auto; in eine der Kisten, die in Anbetracht der gearbeitet hatten, die in der Vergangenheit für einen Container gearbeitet hatten, aber das schien nicht zu funktionieren.