I made private chat using flask-socketio.
Chat messages appear in div id="chat".
My code is as below:
<div style="height: 380px; position: absolute; bottom:0; right: 0; overflow: hidden;"
>
<div id="chat" style=""></div>
</div>
When I get message from more than one user it appear below to the first chat window. I want old message move left or minimize & new message appear right-bottom like facebook or This.