Mis on niit arenduskontekstis?

Veebiarenduses kontekstis viitab tavaliselt Normaalsele voole (tavapärasele elementide paigutusvoole) CSS-is. See on viis, kuidas brauser vaikimisi paigutab HTML-elemente veebilehel, kui ei kasutata spetsiaalseid omadusi (näiteks float, position, flexbox, grid).

Normaalse voolu peamised omadused:

• Blokielemendid: Iga blokielement hõivab kogu saadavaloleva laiuse ja paigutatakse uuele reale, üks teise alla.
• Inline elemendid: Paigutatakse samale reale vasakult paremale ja liiguvad uuele reale, kui ruumi ei jätku. Nende suurus määratakse sisuga.
• Koostoimed: Normaalset voolu elemendid mõjutavad üksteise positsiooni.

Näide:

<div>Esimene plokk</div>  
<span>Esimene rida</span><span>Teine rida</span>  
<div>Teine plokk</div>

Selles näites asuvad "Esimene plokk" ja "Teine plokk" eraldi ridadel, samas kui "Esimene rida" ja "Teine rida" on samal real (kui mahub).

Normaalse voolu mõistmine on oluline CSS-i tõhusaks kasutamiseks ja prognoositavate paigutuste loomiseks. Kui sellest kõrvalekallet teha (kasutades positsioneerimist, flexboxi jms), on oluline teada nende mõju sellele põhilisele voolule.