我有这个div：
<div style='overflow:scroll; width:400px;height:400px;'>here is some text</div>
滚动条始终可见，即使文本不会溢出。 我想使滚动条才能看到需要的时候 - 也就是唯一可见当有足够的文本，他们需要的框。 就像一个textarea一样。 我该怎么做呢？ 或者是我的风格textarea的，所以它看起来像一个div唯一的选择？
Answer 1:
使用overflow: auto 。 在需要时滚动条才会出现。
（旁注，你还可以指定只在x，或y滚动条： overflow-x: auto和overflow-y: auto ）。
Answer 2:
试试这个：
<div style='overflow:auto; width:400px;height:400px;'>here is some text</div>
Answer 3:
尝试
<div style='overflow:auto; width:400px;height:400px;'>here is some text</div>
Answer 4:
尝试
<div id="boxscroll2" style="overflow: auto; position: relative;" tabindex="5001">
Answer 5:
我发现，有格的高度仍然显示，当有文字或没有。 所以，你可以用这个最好的结果。
<div style=" overflow:auto;max-height:300px; max-width:300px;"></div>
Answer 6:
你可以用下面的一个尝试：
<div style="width: 100%; height: 100%; overflow-x: visible; overflow-y: scroll;">Text</div>
文章来源: How do I make the scrollbar on a div only visible when necessary?
