css - div在AJAX调用后不换行

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
}

希望这会起作用。