如何使div上的滚动条仅在必要时可见？

我有这个div：

<div style='overflow:scroll; width:400px;height:400px;'>here is some text</div> 

滚动条总是可见的，即使文本不溢出。 我想让滚动条只在需要的时候才可见 – 也就是说，只有当框中有足够的文本时才能看到它们。 像textarea一样。 我该怎么做呢？ 或者是我的唯一select样式一个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 id="boxscroll2" style="overflow: auto; position: relative;" tabindex="5001"> 

Answer 4

尝试

 <div style='overflow:auto; width:400px;height:400px;'>here is some text</div>