Débordement de bloc en CSS

overflowoverflow-xoverflow-y
Задание 1

Créez un div d'une largeur et d'une hauteur de 200px. Ajoutez-y un texte long qui ne tiendra pas en hauteur dans ce bloc. Vérifiez que le texte dépasse par le bas du bloc.

Задание 2

Modifiez la tâche précédente pour que une barre de défilement verticale apparaisse dans le div lorsque le texte dépasse en hauteur.

Задание 3

Modifiez la tâche précédente pour que le texte qui dépasse verticalement soit rogné.

Задание 4

Modifiez la tâche précédente pour que lorsque vous passez la souris sur le div, la hauteur du div devienne suffisamment grande pour que tout le texte puisse y tenir.

Задание 5

Créez un div d'une largeur et d'une hauteur de 300px. Ajoutez à notre div une image qui sera plus grande que le div en largeur et en hauteur. Vérifiez que l'image dépassera des limites du div.

Задание 6

Modifiez la tâche précédente pour que lorsque l'image dépasse, des barres de défilement apparaissent.

Задание 7

Modifiez la tâche précédente pour que les parties de l'image qui dépassent soient rognées.

Задание 8

Modifiez la tâche précédente pour que les parties de l'image qui dépassent soient rognées horizontalement, et qu'une barre de défilement apparaisse verticalement.

Задание 9

Créez un div d'une largeur et d'une hauteur de 150px. Faites en sorte que, quel que soit le contenu du div, il y ait toujours une barre de défilement verticale dans celui-ci.