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

Question

我有这个 div:

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

滚动条总是可见的，即使文本没有溢出。我想让滚动条只在必要时可见——也就是说，只有当框中有足够的文本需要它们时才可见。就像文本区域一样。我该怎么做呢？还是我唯一的选择是设置文本区域的样式，使其看起来像一个 div？

Answer 1

使用溢出:自动。滚动条只会在需要时出现。

(旁注，您也可以仅指定 x 或 y 滚动条:overflow-x: auto 和 overflow-y: auto)。