Normala fluo estas la maniero, kiun elementoj montras en retpaĝaro en plej multaj cirkonstancoj. Ĉiuj elementoj en HTML estas ene de skatoloj, kiuj estas en inielaj skatoloj aŭ blokaj skatoloj.
Metante Blokajn Kestojn
En normala fluo, blokaj skatoloj situas sur unu paĝo post la alia (en la ordo, kiun ili skribas en la HTML ). Ili komenciĝas en la supra maldekstra parto de la enhavanta skatolo kaj stako de supre al sube. La distanco inter ĉiu skatolo difinas per la randoj kun supraj kaj malsupraj randoj kolapsantaj unu al la alia.
Ekzemple, vi eble havas la jenan HTML:
Ĉi tiu estas la unua div. Ĝi estas 200 pikseloj larĝe kun 5px rando ĉirkaŭ ĝi.
Ĉi tio estas pli larĝa div.
Ĉi tio estas div, kiu estas iom pli larĝa ol la dua.
Ĉiu DIV estas bloko elemento, do ĝi estos metita sub la antaŭa bloko elemento. Ĉiu maldekstra ekstera rando tuŝos la maldekstra rando de la enhavanta bloko.
Metante Inline Kestojn
Inlineaj skatoloj estas metitaj sur la paĝo horizontale, unu post la alia komenco ĉe la supro de la ujo. Kiam ne sufiĉas spaco por kongrui ĉiujn elementojn de la enreta skatolo sur unu linio, ili envolvas al la sekva linio kaj stakiĝas vertikale de tie.
Ekzemple, en la sekva HTML:
Ĉi tiu teksto estas aŭdaca kaj ĉi tiu teksto estas kursiva . Kaj ĉi tio estas klara teksto.
La alineo estas bloko elemento, sed ekzistas 5 inlineaj elementoj:
- "Ĉi tiu teksto estas"
- "aŭdaca"
- "kaj ĉi tiu teksto estas"
- "kursivaj"
- "Kaj ĉi tio estas klara teksto."
Do normala fluo estas kiel ĉi tiuj blokaj kaj inlineaj elementoj montros en la retpaĝo sen ia interveno de la retejo-desegnisto.
Se vi volas influi, kie elemento estas sur paĝo, vi povas uzi CSS-pozicion aŭ CSS-kaleŝojn .