Normalni tok je način, na katerega se elementi v večini primerov prikazujejo na spletni strani. Vsi elementi v HTML so znotraj polj, ki so bodisi v vrstici ali blok polja.
Polaganje blokov
V normalnem toku so bloki polja na eni strani drug za drugim (v vrstnem redu so zapisani v HTML ). Začnejo v zgornjem levem delu vsebnika in od zgoraj navzdol. Razdalja med vsakim poljem je določena z robovi z zgornjim in spodnjim robom, ki se zrušijo drug na drugega.
Na primer, lahko imate naslednji HTML:
To je prvi div. Široko je 200 slikovnih pik s približno 5-kratnim robom okrog njega.
To je širši div.
To je div, ki je nekoliko širši od drugega.
Vsaka DIV je blokovni element, tako da bo postavljena pod prejšnji blok element. Vsak levi zunanji rob se dotakne levega roba vsebujočega bloka.
Polaganje vrstic v okvirju
Inline škatle so postavljene na strani vodoravno, ena za drugo, ki se začne na vrhu vsebnika. Če ni dovolj prostora za prileganje vseh elementov v vrstici na eni vrstici, se zavijejo na naslednjo vrstico in od tam odtočno navpičijo.
Na primer, v naslednjem HTML-ju:
To besedilo je krepko in to besedilo je poševno . In to je navadno besedilo.
Odstavek je blokovni element, vendar je 5 elementov v vrstici:
- "To besedilo je"
- "krepko"
- "in to besedilo je"
- "poševniki"
- "In to je preprosto besedilo."
Tako je normalen tok, kako se bodo ti bloki in risbovni elementi prikazali na spletni strani brez kakršnega koli poseganja spletnega oblikovalca.
Če želite vplivati na to, kje je element na strani, lahko uporabite CSS pozicioniranje ali CSS plavate .