css - 在 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
}

希望这能奏效。