有什么办法使得div不被里面的内容撑开

Question

divDownList.innerHTML='<table id="tabList" style="width:100%" border="0" cellpadding="0" cellspacing="0">'
    +'<tr><td align="right"><textarea rows=4 id=textareavalue name=textareavalue value="" style="overflow:auto;width:100%"></textarea></td></tr>'
    +'<tr><td align="right"><input type="button" value="确定" onclick="insertvalue()"></td></tr></table>';
    textareavalue.value=str;
    divDownList.style.left=ex;
    divDownList.style.top =ey;
    divDownList.style.display="";

Answer 1

其实我想实现的就是当输入超出textarea宽度时，自动出现滚动条
可是现在是自动在下一行写入。
然后读取的时候div就被撑开了

Answer 2

textarea{word-wrap:break-word;word-break:break-all;}