208

私はこのdivを持っています:

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

テキストがオーバーフローしない場合でも、スクロールバーは常に表示されます。必要な場合にのみスクロールバーを表示したい - つまり、ボックスに必要なテキストが十分にある場合にのみ表示されるようにします。テキストエリアのように。どうすればいいですか？それとも、div のように見えるようにテキストエリアのスタイルを設定する唯一のオプションですか?

4

8 に答える 8

419

を使用しoverflow: autoます。スクロールバーは、必要な場合にのみ表示されます。

（補足として、xまたはyスクロールバーのみに指定することもできます：overflow-x: autoおよびoverflow-y: auto）。

于 2013-02-06T15:20:17.377 に答える
16

これを試して：

<div style='overflow:auto; width:400px;height:400px;'>here is some text</div>
于 2013-02-06T15:20:43.947 に答える
8

試す

<div style='overflow:auto; width:400px;height:400px;'>here is some text</div>
于 2013-02-06T15:20:46.130 に答える