Javascript 用HTML编写聊天室的一些错误

Javascript 用HTML编写聊天室的一些错误,javascript,html,css,Javascript,Html,Css,是Q1 当用户向聊天室提交一条很长的消息时,该消息会超出聊天区,并且似乎不会打断两条消息之间的界限 如何做到这一点?我不知道我的CSS哪里出了问题 函数运行脚本(e){ 如果(e.keyCode==13){ var chatDiv=document.getElementById(“Chat”); var input=document.getElementById(“inputText”); chatDiv.innerHTML=chatDiv.innerHTML+“”+input.value+“

是Q1

当用户向聊天室提交一条很长的消息时,该消息会超出聊天区,并且似乎不会打断两条消息之间的界限

如何做到这一点?我不知道我的CSS哪里出了问题

函数运行脚本(e){
如果(e.keyCode==13){
var chatDiv=document.getElementById(“Chat”);
var input=document.getElementById(“inputText”);
chatDiv.innerHTML=chatDiv.innerHTML+“”+input.value+“


”; input.value=“”; } }
#聊天{
边界半径:45px;
利润率:20px;
填充:20px;
边框:实心;
边框宽度:1px;
背景色:#bbb9b9;
字体大小:粗体;
}
分区其他文本{
最大宽度:80%;
填充:20px;
边缘顶部:25px;
边缘底部:25px;
}
div.myText{
最大宽度:80%;
填充:20px;
文本对齐:右对齐;
边缘顶部:25px;
边缘底部:25px;
}
span.myWord{
边界半径:45px;
边框:实心;
边框宽度:1px;
背景色:#E9EBEE;
填充:15px;
颜色:#ab0af1;
最大宽度:80%;
浮动:对;
明确:两者皆有;
}
另一把剑{
浮动:左;
明确:两者皆有;
边界半径:45px;
边框:实心;
边框宽度:1px;
背景色:#E9EBEE;
填充:15px;
最大宽度:80%;
颜色:#3B5998;
}
#文本输入{
文本对齐:居中;
}
#文本输入{
宽度:90%;
高度:40px;
文本对齐:居中;
字体大小:16px;
}

约翰尼:这个城市的空气质量糟透了!污染程度如此之高,我们外出时都需要戴口罩。
汽车排放的废气对环境造成了极大的破坏。
约翰尼:除此之外,郊区还有几家大型化工厂,这导致了这个城市的水和空气污染水平很高。
虽然我很喜欢这个城市,但我想我必须找到一个更环保的城市来居住。生活在这样一个污染严重的城市对我的健康没有好处。
约翰尼:我知道你的意思。然而,没有受到全球变暖影响的地方太少了。如果不是污染,那就是自然灾害、森林砍伐或温室效应。
究竟什么是温室效应?
约翰尼:这是地球温度的逐渐升高。

我不确定这是否是您想要的,但请尝试添加溢出:隐藏;在你的聊天元素中。

你可以添加高度:400px;overflow-y:滚动至#聊天元素风格。

您能添加一把小提琴吗?非常感谢!!