Depășirea blocului în CSS

overflow overflow-x overflow-y

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.

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

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

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.

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.

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

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

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.

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ă.