title: How do I make the scrollbar on a div only visible when necessary?
body: <p>I have this div:</p>
  
  <pre><code>&lt;div style='overflow:scroll; width:400px;height:400px;'&gt;here is some text&lt;/div&gt;
  </code></pre>
  
  <p>The scrollbars are always visible, even though the text does not overflow. I want to make the scrollbars only be visible when necessary - that is, only visible when there is enough text in the box that they are needed. Like a textarea does. How do I do this? Or is my only option to style a textarea so it looks like a div?</p>