Переполнение прокрутки не работает с элементами, расположенными с абсолютным

Question

Я пытаюсь создать своего рода чат. Когда приходят новые сообщения, предыдущие сообщения перемещаются вверх и исчезают, когда они покидают div.

Я хочу сделать прокрутку div для просмотра предыдущих сообщений, но overflow: scroll не работает.

Я пытался установить элементы в положение: относительное, а не абсолютное, но затем элементы располагаются хаотично.

Вот что у меня есть: https://jsfiddle.net/2Lgq1zfa/1/

Answer 1

Я проверил ваш код, но не определен класс .ventana для js или html.Однако, чтобы прокрутка работала на элементах с абсолютным позиционированием, вы должны определить ширину и высоту, чтобы браузер определил, когда произойдет переполнение.

Надеюсь, это то, что вам нужно.;)