Blokkoverflyt i CSS

overflow overflow-x overflow-y

Lag en div med bredde og høyde på 200px. Legg til en lang tekst i den som ikke får plass i høyden i denne blokken. Bekreft at teksten vil flyte ut fra bunnen av blokken.

Modifiser den forrige oppgaven slik at en vertikal scrollbar vises i diven når teksten flyter ut i høyden.

Modifiser den forrige oppgaven slik at teksten som flyter ut vertikalt blir kuttet av.

Modifiser den forrige oppgaven slik at når musepekeren holdes over diven, endres høyden på diven så den blir stor nok til at all teksten får plass.

Lag en div med bredde og høyde på 300px. Legg til et bilde i diven vår som er større enn diven i både bredde og høyde. Bekreft at bildet vil flyte ut over grensene til diven.

Modifiser den forrige oppgaven slik at scrollbarer vises når bildet flyter ut.

Modifiser den forrige oppgaven slik at delene av bildet som flyter ut klippes av.

Modifiser den forrige oppgaven slik at delene av bildet som flyter ut horisontalt klippes av, og en vertikal scrollbar vises.

Lag en div med bredde og høyde på 150px. Gjør slik at uavhengig av innholdet i diven alltid er en vertikal scrollbar i den.