我有这个div:

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

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


当前回答

try

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

其他回答

try

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

更改CSS块溢出属性为自动。

overflow: auto;

只有在需要的时候,它才会自动添加一个滚动条到左边。

你可以试试下面这个:

  <div style="width: 100%; height: 100%; overflow-x: visible; overflow-y: scroll;">Text</div>

我发现div的高度仍然显示,当它有文本或没有。所以你可以用这个来获得最好的效果。

<div style=" overflow:auto;max-height:300px; max-width:300px;"></div>

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

(注:您还可以只指定x或y滚动条:overflow-x: auto和overflow-y: auto)。