垂直スクロールバーを自動的にdivに追加するにはどうすればよいですか？

に垂直スクロールバーを追加したい<div>。私は試しましたがoverflow: auto、うまくいきません。FirefoxとChromeでコードをテストしました。

ここにdivスタイルのコードを貼り付けています。

float: left;
width: 1000px;
overflow: auto;

overflow: auto;プロパティを機能させるには、高さを割り当てる必要があります。
テストの目的で、追加height: 100px;して確認します。
また、のoverflow-y:auto;代わりにを指定overflow: auto;すると、要素が垂直方向にのみスクロールし、水平方向にはスクロールしないため、より優れています。

float:left;
width:1000px;
overflow-y: auto;
height: 100px;

コンテナーの高さがわからず、コンテナーが固定の高さに達したときに垂直スクロールバーを表示したい場合は、プロパティの代わりに100px使用します。max-heightheight

詳細については、このMDN記事を参照してください。

max-heightプロパティを追加する必要があります。

.ScrollStyle
{
    max-height: 150px;
    overflow-y: scroll;
}

<div class="ScrollStyle">
  Scrollbar Test!<br/>
  Scrollbar Test!<br/>
  Scrollbar Test!<br/>
  Scrollbar Test!<br/>
  Scrollbar Test!<br/>
  Scrollbar Test!<br/>
  Scrollbar Test!<br/>
  Scrollbar Test!<br/>
  Scrollbar Test!<br/>
  Scrollbar Test!<br/>
</div>

設定できます：

overflow-y: scroll;height: XX px

で素晴らしいスクローラーを手に入れましたdiv-popup。適用するには、このスタイルをdiv要素に追加します。

overflow-y: scroll;
height: XXXpx;

height指定したがdiv要素の高さとなり、あなたは、この高さを超えた内容を持っている場合は一度、あなたはそれをスクロールする必要があります。

ありがとうございました。

divに垂直スクロールバーを表示するには、追加する必要があります

height: 100px;   
overflow-y : scroll;

または

height: 100px; 
overflow-y : auto;

divを何に使用しようとしているのかよくわかりませんが、これはランダムテキストの例です。

Mr_Greenは、overflow-y: auto垂直スクロールに制限するため、追加するように言ったときに正しい指示を出しました。これはJSFiddleの例です。

JSFiddle