Normálny tok je spôsob, akým sa prvky vo väčšine prípadov zobrazujú na webovej stránke. Všetky prvky v HTML sú vo vnútri políčok, ktoré sú buď inline alebo blokové .
Umiestnenie blokových blokov
V bežnom toku sú blokové polia umiestnené na jednej strane za sebou (v poradí, v akom sú napísané v HTML ). Začínajú v ľavom hornom rohu obsahujúceho poľa a stohujú sa zhora nadol. Vzdialenosť medzi každou škatuľou je definovaná okrajmi s horným a dolným okrajom, ktoré sa navzájom zrútia.
Môžete mať napríklad nasledujúci kód HTML:
Toto je prvý div. Je to 200 pixelov široký s 5px okraj okolo neho.
Toto je širší div.
Toto je div, ktorý je o niečo širší ako druhý.
Každý DIV je blokový prvok, takže bude umiestnený pod predchádzajúcim prvkom bloku. Každý ľavý vonkajší okraj sa dotkne ľavého okraja bloku, ktorý obsahuje.
Vytváranie inline skriniek
Inline skrinky sú umiestnené na stránke horizontálne, jedna za druhou začínajúcou v hornej časti kontajnerového prvku. Ak nie je dostatok priestoru na to, aby sa zmestili všetky prvky inline poľa na jednej línii, zaberajú sa na ďalší riadok a odtiaľ sa umiestnia vertikálne.
Napríklad v nasledujúcom jazyku HTML:
Tento text je tučný a tento text je kurzívou . A to je obyčajný text.
Tento odsek je prvkom bloku, ale existujú 5 prvkov v riadku:
- "Tento text je"
- "Bold"
- "a tento text je"
- "Kurzíva"
- "A to je prostý text."
Takže normálny tok je, ako sa tieto blokové a inline prvky zobrazia na webovej stránke bez akéhokoľvek zásahu webového dizajnéra.
Ak chcete ovplyvniť, kde je prvok na stránke, môžete použiť pozíciu CSS alebo plaváky CSS .