Wie erstelle ich mit CSS ein vertikal scrollbares Div?

Vertikales Scroll-Div mit CSS

Frage:

Wie kann ich ein Div erstellen, das nur vertikal scrollbar ist? CSS?

Antwort:

Um ein Div vertikal zu scrollen, ist es wichtig, die Überlaufeigenschaft mit dem richtigen Wert anzugeben.

Die Syntax für Der Überlauf lautet wie folgt:

overflow: <value>;

Wobei kann sein:

• sichtbar: Es werden keine Bildlaufleisten angezeigt, auch wenn der Inhalt über das Div hinausgeht.
• versteckt: Bildlaufleisten werden nur angezeigt, wenn der Inhalt über das Div hinausgeht.
• Scrollen: Bildlaufleisten werden immer angezeigt, auch wenn der Inhalt das Div nicht überläuft.
• Auto: Bildlaufleisten werden nur angezeigt, wenn der Inhalt in der angegebenen Richtung über das Div hinausläuft.
• erben: Erbt die Überlaufeigenschaft vom übergeordneten Element.

Nur ​​für vertikales Scrollen:

• Verwenden Sie overflow-y: scroll; um das Erscheinen einer vertikalen Bildlaufleiste zu erzwingen, unabhängig davon, ob der Inhalt die Höhe des Div überschreitet.
• Verwenden Sie overflow-y: auto; um nur dann eine vertikale Bildlaufleiste anzuzeigen, wenn der Inhalt die Höhe des Div überschreitet.

Um beispielsweise ein Div zu erstellen, das 400 Pixel hoch ist und nur vertikal scrollbar ist:

<div>

Das obige ist der detaillierte Inhalt vonWie erstelle ich mit CSS ein vertikal scrollbares Div?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!