Wie kann ich meinem div automatisch eine vertikale Bildlaufleiste hinzufügen?

Ich möchte eine vertikale Bildlaufleiste zu meiner hinzufügen <div>. Ich habe es versucht overflow: auto, aber es funktioniert nicht. Ich habe meinen Code in Firefox und Chrome getestet.

Ich füge hier den div-Style-Code ein:

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

Sie müssen eine gewisse Höhe zuweisen, damit die overflow: auto;Eigenschaft funktioniert.
Fügen Sie zu Testzwecken hinzu height: 100px;und überprüfen Sie.
und auch wird es besser sein , wenn Sie geben overflow-y:auto;statt overflow: auto;, weil dies das Element macht nur vertikal zu bewegen , aber nicht horizontal.

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

Wenn Sie die Höhe des Containers nicht kennen und die vertikale Bildlaufleiste anzeigen möchten, wenn der Container eine feste Höhe erreicht 100px, verwenden Sie max-heightstattdessen anstelle vonheight Eigenschaft.

Weitere Informationen finden Sie in diesem MDN-Artikel .

Sie müssen eine max-heightEigenschaft hinzufügen .

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

Sie können einstellen:

overflow-y: scroll;height: XX px

Ich habe einen erstaunlichen Scroller auf meinem div-popup. Fügen Sie diesen Stil Ihrem div-Element hinzu, um ihn anzuwenden:

overflow-y: scroll;
height: XXXpx;

Das von heightIhnen angegebene ist die Höhe des Div. Wenn der Inhalt diese Höhe überschreitet, müssen Sie ihn scrollen.

Danke dir.

Um die vertikale Bildlaufleiste in Ihrem Div anzuzeigen, müssen Sie hinzufügen

height: 100px;   
overflow-y : scroll;

oder

height: 100px; 
overflow-y : auto;

Ich bin mir nicht ganz sicher, wofür Sie das div verwenden möchten, aber dies ist ein Beispiel mit zufälligem Text.

Mr_Green gab die richtigen Anweisungen, als er sagte, hinzuzufügen overflow-y: auto da dies das vertikale Scrollen einschränkt. Dies ist ein JSFiddle-Beispiel:

JSFiddle