divに自動的に垂直スクロールバーを追加できますか？

Question

<Div>に垂直スクロールバーを追加します。私はoverflow:autoを試しましたが、動作しません。 FirefoxとChromeでコードをテストしました。 私はここのdivスタイルのコードを貼り付けています：事前に

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

感謝を。

Answer 1

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

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

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

詳細については、MDN articleをお読みください。

Answer 2

divを使用しようとしていますが、これはランダムなテキストの例です。

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

JSFiddle

Answer 3

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

height: 100px; 
overflow-y : scroll; 

または

height: 100px; 
overflow-y : auto; 

Answer 4

を追加する必要があり、あなたのdivの中垂直スクロールバーを表示します。

.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>

Answer 5

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

overflow-y: scroll; 
height: XXXpx; 

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

ありがとうございます。あなたが設定することができます

Answer 6

：** scroll`と一部**高さ： `オーバーフロー-Y：

overflow-y: scroll;height: XX px