js 给一个div定时追加文字（hello），为什么文字会溢出div，求大佬告知

Question

<br> function $(id){<br> return document.getElementById(id);<br> }<br> function zhuiJia(){<br> $(&quot;qu&quot;).innerHTML+=&quot;Hello &quot;;<br> }<br> function de(){<br> setInterval(&quot;zhuiJia()&quot;,1000);</p> <pre><code> } &lt;/script&gt; &lt;style type=&quot;text/css&quot;&gt; div{ border: 1px red solid; width: 400px; height: 400px; } &lt;/style&gt; &lt;body&gt; &lt;input type=&quot;button&quot; name=&quot;kai&quot; id=&quot;kai&quot; onclick=&quot;de()&quot; value=&quot;开始&quot; /&gt; &lt;div id=&quot;qu&quot;&gt; &lt;/div&gt; &lt;/body&gt; </code></pre> <p></html></p>

Answer 1

应为你的div有固定宽高 , 所以会溢出; 可以把高度去掉 , 或者给div加上overflow: hidden;溢出就隐藏 , 或者给div加上overflow: auto;溢出就产生滚动条