Переполнение блока в CSS

Задание 1

Сделайте див шириной и высотой в 200px. Добавьте в него длинный текст, который не будет помещаться по высоте в этот блок. Проверьте то, что текст вылезет с нижней части блока.

Задание 2

Модифицируйте предыдущую задачу так, чтобы в диве при вылезании текста по высоте появлялась вертикальная полоса прокрутки.

Задание 3

Модифицируйте предыдущую задачу так, чтобы вылезающий по вертикали текст обрезался.

Задание 4

Модифицируйте предыдущую задачу так, чтобы по наведению мышкой на див высота дива становилась достаточно большой, чтобы в этот див поместился весь текст.

Задание 5

Сделайте див шириной и высотой в 300px. Добавьте в наш див картинку, которая будет больше дива по ширине и по высоте. Проверьте, что картинка будет вылезать за границы дива.

Задание 6

Модифицируйте предыдущую задачу так, чтобы при вылезании картинки появлялись полосы прокрутки.

Задание 7

Модифицируйте предыдущую задачу так, чтобы вылезающие части картинки обрезались.

Задание 8

Модифицируйте предыдущую задачу так, чтобы вылезающие части картинки обрезались по горизонтали, а по вертикали появлялась полоса прокрутки.

Задание 9

Сделайте див шириной и высотой в 150px. Сделайте так, чтобы независимо от содержимого дива в нем всегда была полоса прокрутки по вертикали.