Javascript 如何使用无序列表为可滚动文本创建边框

目前，我的应用程序使用Socket.IO和node.js作为服务器。每次有人发送消息时，它都会将自己附加到一个无序列表中，然后正确地显示在页面上。问题在于，用户输入消息的区域位于底部，当许多消息最终发布时，最新的标记开始显示在用户输入消息的文本框下。几条消息之后，会出现一个滚动条，允许您阅读以前不允许阅读的消息，但最新消息会再次显示在文本框下方。我暂时的非常糟糕的解决方案是检查邮件列表的长度，并在邮件到达某个数字时删除列表中的最后一条邮件。

您可以显示使用HTML吗？听起来你需要在标签中添加一些东西：主帖子、回复、回答的文本框。。。应该是单独的分区。我已经有文本输入框和UL在单独的分区中