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

overflow overflow-x overflow-y

Направете див с ширина и височина от 200px. Добавете в него дълъг текст, който няма да се събира по височина в този блок. Проверете това, че текстът ще излезе от долната част на блока.

Модифицирайте предходната задача така, че в дива при излизане на текста по височина да се появи вертикална лента за превъртане.

Модифицирайте предходната задача така, че излизащият по вертикала текст да се отрязва.

Модифицирайте предходната задача така, че при посочване с мишката върху дива височината на дива да стане достатъчно голяма, за да се събере целият текст в този див.

Направете див с ширина и височина от 300px. Добавете в нашия див картинка, която ще бъде по-голяма от дива по ширина и по височина. Проверете, че картинката ще излиза извън границите на дива.

Модифицирайте предходната задача така, че при излизане на картинката да се появят ленти за превъртане.

Модифицирайте предходната задача така, че излизащите части на картинката да се отрязват.

Модифицирайте предходната задача така, че излизащите части на картинката да се отрязват хоризонтално, а по вертикала да се появи лента за превъртане.

Направете див с ширина и височина от 150px. Направете така, че независимо от съдържанието на дива в него винаги да има лента за превъртане по вертикала.