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

Question

我有这个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

将CSS的overflow属性修改block为auto.

overflow: auto;

仅在需要时它才会自动向左侧添加滚动条。

Answer 4

尝试

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

Answer 5

尝试

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