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

overflow overflow-x overflow-y

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

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

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

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

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

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

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

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

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