Um einem div eine Bildlaufleiste hinzuzufügen, geben Sie einfachoverflowdas Attribut alsautoan. Das ist alles. Das folgende Beispiel legt eine horizontale Bildlaufleiste für das div fest:

Beispiel

<div style="height:300px;width:70px;overflow:auto;background:#EEEEEE;">Beispiel-Tutorial -- Was Sie lernen, ist nicht nur Technologie, sondern auch Träume!!! Beispiel-Tutorial -- Was Sie lernen, ist nicht nur Technologie, sondern auch Träume!!! Beispiel-Tutorial -- Was Sie lernen, ist nicht nur Technologie, sondern auch Träume!!! Beispiel-Tutorial -- Was Sie lernen, ist nicht nur Technologie, sondern auch Träume!!!</div>

Selbst ausprobieren »

Breite und Höhe können je nach tatsächlichem Bedarf festgelegt werden.

Das obige Beispiel zeigt, dass eine vertikale Bildlaufleiste angezeigt wird, wenn die Höhe des div-Inhalts größer als 300px ist; wenn sie kleiner als 300px ist, gibt es keine Bildlaufleiste. Wenn die Breite größer als 70px ist, wird eine horizontale Bildlaufleiste angezeigt; wenn sie kleiner ist, gibt es keine.

Wenn Sie möchten, dass die Bildlaufleiste immer im div vorhanden ist, können Sie die overflow-Eigenschaft auf scroll setzen:

Sie können overflow auch auf scroll setzen, d. h.:

Beispiel

<div style="height:300px;width:200px;overflow:scroll;background:#EEEEEE;">Beispiel-Tutorial -- Was Sie lernen, ist nicht nur Technologie, sondern auch Träume!!! Beispiel-Tutorial -- Was Sie lernen, ist nicht nur Technologie, sondern auch Träume!!! Beispiel-Tutorial -- Was Sie lernen, ist nicht nur Technologie, sondern auch Träume!!! Beispiel-Tutorial -- Was Sie lernen, ist nicht nur Technologie, sondern auch Träume!!!</div>

Selbst ausprobieren »

Weitere Einstellungen

Nur horizontale Bildlaufleiste festlegen:

<div style="width:100px;overflow-x:auto"></div>

Nur vertikale Bildlaufleiste festlegen:

<div style="height:300px;overflow-y:auto"></div>

Sowohl horizontal als auch vertikal festlegen:

<div style="width:70px;height:300px;overflow-x:auto;overflow-y:auto"></div>

Weitere Artikel finden Sie unter:

CSS-Layout - Overflow

CSS overflow-Eigenschaft