Normale vloei is die manier waarop elemente in die meeste gevalle op 'n webblad vertoon word. Alle elemente in HTML is in bokse wat óf inline bokse of blokkies is.
Uitboksblokkies
In normale vloei word blokblokkies geplaas op een bladsy een na die ander (in die volgorde wat hulle in die HTML geskryf is ). Hulle begin in die linkerbovenhoek van die houer en stapel van bo na onder. Die afstand tussen elke boks word bepaal deur die marges met die boonste en onderste marges wat inmekaar val.
Jy kan byvoorbeeld die volgende HTML hê:
Dit is die eerste div. Dit is 200 pixels breed met 'n 5px-marge daar rondom.
Dit is 'n wyer div.
Dit is 'n div wat 'n bietjie wyer is as die tweede een.
Elke DIV is 'n blok element, dus dit sal onder die vorige blok element geplaas word. Elke linkerkantste rand sal aan die linkerkant van die blokkie raak.
Uitleg van Inline Boxes
Inline bokse word horisontaal op die bladsy uitgelê, een na die ander begin bo-aan die houerelement. As daar nie genoeg spasie is om al die elemente van die inlyn boks op een lyn te pas nie, draai hulle na die volgende lyn en stapel vertikaal daarvandaan.
Byvoorbeeld, in die volgende HTML:
Hierdie teks is vet en hierdie teks is kursief . En dit is gewone teks.
Die paragraaf is 'n blok element, maar daar is 5 inlyn elemente:
- "Hierdie teks is"
- "Vet"
- "en hierdie teks is"
- "Kursief"
- Msgstr "En dit is gewone teks."
So normale vloei is hoe hierdie blok- en inlynelemente op die webblad sal vertoon sonder enige ingryping deur die webontwerper.
As jy wil beïnvloed waar 'n element op 'n bladsy is, kan jy CSS-posisionering of CSS-dryf gebruik .