在AJAX调用之后，div不会换行文本

Question

我有一个div的问题。如果我按照以下方式执行，则div包装文本：

<div class="ChatBox">
        <div id = "AllMessages" class ="AllMessages" style="position:absolute;width:100%;">fljadhfldhsfkljasdhfkjddasfasdfasafsdhasflhdasfhasdfjhdhasfkladfsdsf</div>
</div>

但是，当我执行AJAX调用并使用javascript更改div的内容（插入由AJAX调用返回的内容）时，包装不起作用。 返回的结果是一个HTML表，如果有什么要说的话吗？

xmlhttp.onreadystatechange=function()
{
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
  {
    document.getElementById('AllMessages').innerHTML=xmlhttp.responseText;
  }
}

它只是向面板添加一个滚动条，因此可以向右滚动以查看整个内容。

希望任何人都可以提供帮助。 谢谢！

Answer 1

将css属性修改为

.AllMessages
{ 
height:auto
overflow:auto
}

希望这会奏效。