Blocküberlauf in CSS

overflow overflow-x overflow-y

Erstellen Sie einen Div mit einer Breite und Höhe von 200px. Fügen Sie einen langen Text hinzu, der in diesen Block der Höhe nach nicht hineinpasst. Prüfen Sie, dass der Text aus dem Block unten herausragt.

Modifizieren Sie die vorherige Aufgabe so, dass im Div bei herausragendem Text in der Höhe eine vertikale Scrollleiste erscheint.

Modifizieren Sie die vorherige Aufgabe so, dass der in der Vertikalen herausragende Text abgeschnitten wird.

Modifizieren Sie die vorherige Aufgabe so, dass bei Mouseover auf das Div die Höhe des Divs groß genug wird, um den gesamten Text darin unterzubringen.

Erstellen Sie einen Div mit einer Breite und Höhe von 300px. Fügen Sie in unser Div ein Bild ein, das größer als das Div in Breite und Höhe ist. Prüfen Sie, dass das Bild über die Grenzen des Divs hinausragt.

Modifizieren Sie die vorherige Aufgabe so, dass beim Herausragen des Bildes Scrollleisten erscheinen.

Modifizieren Sie die vorherige Aufgabe so, dass die herausragenden Teile des Bildes abgeschnitten werden.

Modifizieren Sie die vorherige Aufgabe so, dass die herausragenden Teile des Bildes horizontal abgeschnitten werden, in der Vertikalen jedoch eine Scrollleiste erscheint.

Erstellen Sie einen Div mit einer Breite und Höhe von 150px. Sorgen Sie dafür, dass unabhängig vom Inhalt des Divs darin immer eine vertikale Scrollleiste vorhanden ist.