Überlauf

Wir haben der Liste in index.html fünf weitere Rassen hinzugefügt. Sie passen nicht in die Box mit ihrer festen Höhe von 220 Pixeln und ragen deshalb heraus. Wir sagen, dass der Inhalt überläuft.

Die Eigenschaft overflow legt fest, was mit Inhalt passiert, der nicht in seine Box passt:

• visible: Der Inhalt ragt aus der Box heraus und kann überdecken, was darunter kommt. Das ist der Standardwert.
• hidden: Was nicht hineinpasst, wird abgeschnitten. Vorsicht: Besucher können es dann nicht mehr sehen.
• scroll: Die Box lässt sich scrollen. Manche Systeme zeigen die Scrollleisten auch dann, wenn alles hineinpasst.
• auto: Die Box lässt sich nur scrollen, wenn der Inhalt nicht hineinpasst. Das ist meist die beste Wahl.

Für nur eine Richtung gibt es overflow-x (horizontal) und overflow-y (vertikal).

Eine feste Höhe passt zu Boxen wie unserer Liste, die eine bestimmte Menge Platz einnehmen sollen. Bei gewöhnlichem Text lässt du die Höhe besser auf auto: Die Box wächst dann mit ihrem Inhalt, und nichts läuft über.