Prelivanje bloka u CSS

overflow overflow-x overflow-y

Napravite div širine i visine od 200px. Dodajte u njega dug tekst koji se neće moći smestiti po visini u ovaj blok. Proverite da tekst izlazi iz donjeg dela bloka.

Izmenite prethodni zadatak tako da u div-u pri izlasku teksta po visini pojavljuje vertikalna traka za pomeranje (scroll).

Izmenite prethodni zadatak tako da se tekst koji izlazi po vertikali odseca.

Izmenite prethodni zadatak tako da pri prelasku miša preko div-a visina div-a postane dovoljno velika da se u njega smesti ceo tekst.

Napravite div širine i visine od 300px. Dodajte u naš div sliku koja će biti veća od div-a po širini i po visini. Proverite da slika izlazi preko granica div-a.

Izmenite prethodni zadatak tako da pri izlasku slike pojavljuju trake za pomeranje.

Izmenite prethodni zadatak tako da se delovi slike koji izlaze odsecaju.

Izmenite prethodni zadatak tako da se delovi slike koji izlaze odsecaju po horizontali, a po vertikali pojavljuje traka za pomeranje.

Napravite div širine i visine od 150px. Podesite tako da bez obzira na sadržaj div-a u njemu uvek postoji vertikalna traka za pomeranje.