Blocköversvämning i CSS

overflow overflow-x overflow-y

Skapa en div med bredd och höjd på 200px. Lägg till en lång text i den som inte får plats i höjdled i detta block. Kontrollera att texten sticker ut från blockets nedre del.

Modifiera den föregående uppgiften så att en vertikal rullningslist dyker upp i diven när texten sticker ut i höjdled.

Modifiera den föregående uppgiften så att texten som sticker ut i vertikal led klipps av.

Modifiera den föregående uppgiften så att divens höjd blir tillräckligt stor när musen förs över diven, så att all text får plats i denna div.

Skapa en div med bredd och höjd på 300px. Lägg till en bild i vår div som är större än diven i både bredd och höjd. Kontrollera att bilden kommer att sticka ut utanför divens gränser.

Modifiera den föregående uppgiften så att rullningslister dyker upp när bilden sticker ut.

Modifiera den föregående uppgiften så att delar av bilden som sticker ut klipps av.

Modifiera den föregående uppgiften så att delar av bilden som sticker ut klipps av horisontellt, medan en vertikal rullningslista visas.

Skapa en div med bredd och höjd på 150px. Gör så att en vertikal rullningslista alltid finns i diven, oavsett innehåll.