Depășirea blocului în CSS

Задание 1

Creați un div cu lățimea și înălțimea de 200px. Adăugați în el un text lung care nu se va încadra în înălțime în acest bloc. Verificați faptul că textul va ieși din partea inferioară a blocului.

Задание 2

Modificați problema anterioară astfel încât în div, când textul iese în înălțime, să apară o bară de derulare verticală.

Задание 3

Modificați problema anterioară astfel încât textul care iese pe verticală să fie decupat.

Задание 4

Modificați problema anterioară astfel încât la trecerea mouse-ului peste div, înălțimea div-ului să devină suficient de mare pentru a încăpea întregul text.

Задание 5

Creați un div cu lățimea și înălțimea de 300px. Adăugați în div-ul nostru o imagine care va fi mai mare decât div-ul atât în lățime cât și în înălțime. Verificați că imaginea va ieși dincolo de limitele div-ului.

Задание 6

Modificați problema anterioară astfel încât când imaginea iese să apară bare de derulare.

Задание 7

Modificați problema anterioară astfel încât părțile care ies ale imaginii să fie decupate.

Задание 8

Modificați problema anterioară astfel încât părțile care ies ale imaginii să fie decupate pe orizontală, iar pe verticală să apară o bară de derulare.

Задание 9

Creați un div cu lățimea și înălțimea de 150px. Faceți astfel încât, indiferent de conținutul div-ului, în el să fie întotdeauna o bară de derulare pe verticală.