Lad os se et klassisk eksempel på et element, der er meget lille for dets indhold, og som genererer et overløb, da alt er lettere at gennemskue eksempler, lad os først se et, før vi fortsætter med at se de egenskaber, der hjælper os med at kontrollere overløbet.
EksempelDer er masser af forskellige slags frugt - der er over 500 sorter bananer alene. Når vi tilføjer de utallige typer æbler, appelsiner og andre velkendte frugter, står vi over for tusindvis af valgmuligheder.
Den tidligere kode genererer følgende resultat i browseren:
overflow-x / overflow-y: De bestemmer adfærden ved vandret eller lodret overløb.
Flyde over: Det er en genvej til at bruge den tidligere ejendom, og den rækkefølge, den fungerer i, er overflow, overflow x, overflow y.
De egenskaber, der kan bruges med elementet flyde over er som følgende:bil: Denne værdi delegerer til browseren ansvaret for at beslutte, hvad der skal gøres, normalt sker det, at der vises en rullebjælke, når elementet begynder at flyde indeholdende det.
skjult: Indholdet vises op til den del, der ikke flyder over, skjuler resten af indholdet, det har ikke mekanismer til at fortælle brugeren, hvad de skal gøre for at se resten af indholdet.
ingen indhold: Overfyldt indhold fjernes, hvis det ikke kan rummes i beholderen. Denne værdi understøttes ikke af nogen af de mest populære browsere
ingen visning: Indholdet er skjult, hvis det ikke kan vises fuldt ud. Denne værdi understøttes ikke af nogen af de mest populære browsere.
rul: Browseren genererer en rullebjælke, så brugeren altid kan se det overfyldte indhold inde i beholderen. Linjen afhænger af browseren og systemet for at definere den måde, den vises på. Rulelinjen vil altid være synlig, selvom elementet ikke flyder over.
synlig: Dette er standardværdien. Indholdet vises altid, selvom det flyder over.
Nu hvor vi har værktøjerne til at angribe et overløb, lad os i praksis se, hvordan vi kan anvende det, intet bedre end en lille kode til at demonstrere det:EksempelDer er masser af forskellige slags frugt - der er over 500 sorter bananer alene. Når vi tilføjer de utallige typer æbler, appelsiner og andre velkendte frugter, står vi over for tusindvis af valgmuligheder.
Der er masser af forskellige slags frugt - der er over 500 sorter bananer alene. Når vi tilføjer de utallige typer æbler, appelsiner og andre velkendte frugter, står vi over for tusindvis af valgmuligheder.
Vi har brugt to elementer til at demonstrere, hvordan flyde over, i den første placerer vi ejendommen skjult hvor vi ved, at kun indholdet vil blive vist op til, hvor overløbet begynder, så er resten skjult, og for det andet bruger vi rulle, med hvilken en rulle vil blive vist, om elementet overløber eller ej, lad os se resultatet:
