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

我有这个div:

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

滚动条总是可见的,即使文本不溢出。 我想让滚动条只在需要的时候才可见 – 也就是说,只有当框中有足够的文本时才能看到它们。 像textarea一样。 我该怎么做呢? 或者是我的唯一select样式一个textarea,所以它看起来像一个div?

使用overflow: auto 。 滚动条只会在需要的时候出现。

(旁注,您也可以只指定x或y滚动条: overflow-x: autooverflow-y: auto )。

尝试这个:

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

尝试

 <div id="boxscroll2" style="overflow: auto; position: relative;" tabindex="5001"> 

尝试

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