Normalen Flow ass d'Art a Weis datt Elementer an de meeschten Ëmstänn an enger Websäit affichéiert ginn. All Elementer an HTML sinn a Boxen déi entweder Inline Boxen oder Block Boxen sinn.
Auslagerunge Boxen auszeüben
An normale Flëss, Blockkäschten sinn op enger Säit nom aneren (an der Bestellung déi se an der HTML geschriwwe sinn ) positionéiert. Si fänken am Uewe lénks erop mat der Këscht a stack vun Uewen op d'Säit. D'Distanz tëscht all Këscht ass definéiert duerch d'Margen mat Top- a Ground Margen, déi aneneen ofstëmmen.
Zum Beispill, Dir kënnt déi folgend HTML hunn:
Dëst ass den éischte Div. Et ass 200 Pixel breed mat enger 5px Margin ronderëm.
Dëst ass eng méi grouss Divisioun.
Dëst ass en Div, deen e bësse breeder ass wéi deen zweeten.
All DIV ass e Blockelement, sou datt et ënner dem Vélo blockéiert gëtt. All lénkser lénkser Kante wäert de lénksen Rand vun der enthalender Spär hunn.
Inline Boxes ze léisen
Inline Boxen ginn op der Säit horizontal geluecht, een nom anere Beginn op der Spëtzt vum Containerelement. Wann et net genuch Plaz ass fir all Elementer vun der Inline Box op enger Linn ze passen, wrapen se op d'nächst Linn a vertikal dovun aus.
Zum Beispill, an den folgenden HTML:
Dësen Text ass fett an dësen Text ass Kursiv . An dëst ass kléng Text.
De Paragraf ass e Block Element, awer et sinn 5 Inline Elementer:
- "Dësen Text ass"
- "fett"
- "an dësem Text ass"
- "Kursiv"
- "Et ass kléngen Text."
Normale Stroum ass wéi dës Block an Inline Elementer op der Websäit ouni Interventioun vum Webdesigner sinn.
Wann Dir wëllt aféieren, wou e Element op enger Säit kënnt Dir CSS Positioning oder CSS schwätzt .