Vertikale Bildlaufleiste funktioniert nicht oder zeigt nicht an - html, css

Ich habe diese HTML-Datei erstellt, wo Daten mit AJAX-Anfragen geladen werden, aber es gibt ein unangenehmes Problem damit. Es zeigt mir keine vertikale Bildlaufleiste in irgendeinem Browser.

html

<div id="register1">
<h2><center>Live Conversation</center></h2>
<div id="showall">
//data is loaded here using ajax request
</div>
<div id="white">
<center>
<textarea rows="5" cols="97" id="writebody"></textarea>
</center>
<br> // $msg is already set in my file
<input type="button" name="enterbody" value="send" id="enterbody<?php echo $msg; ?>">
</div>
</div>

css

#register1 {
background: #f0f0f0;
color: black;
margin-left: auto;
margin-right: auto;
width: 800px;
margin-top: 100px
}

#white {
background: white;
height: auto
}

Was könnte das Problem sein.

Antworten:

2 für die Antwort № 1

Legen Sie eine Höhe für Ihren Ergebniscontainer fest #showall

#showall {
height: 400px;
overflow: auto;
}

0 für die Antwort № 2

Scroll-Eigenschaft arbeitet mit Inhaltshöhe und -breite zusammen mit Überlaufeigenschaft,

Wenn die Höhe und Breite des Inhalts geringer ist, wird die Höhe und Breite des Bildschirms in diesem Fall nicht angezeigt, wenn der Inhalt aus der Höhe und Breite des Containers herausgelöst wird

Überprüfen Sie Folgendes wie

Fenster blättern http://fiddly.org/4b43b

Container scrollen http://fiddly.org/4b43b/2


Speisekarte