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;
}
}
パネルにスクロールバーを追加するだけなので、右にスクロールしてコンテンツ全体を表示できます。
誰もが助けてくれることを願っています。ありがとう!