Normalni protok je način na koji se elementi prikazuju na web stranici u većini slučajeva. Svi elementi u HTML-u nalaze se unutar okvira koji su ili inline kutije ili blokovi .
Polaganje blokskih sanduka
U normalnom protoku, blok-okviri se postavljaju na stranicu jedan za drugim (redom kako su napisani u HTML-u ). Započeti su u gornjem lijevom kutu sloja i stog od vrha do dna. Udaljenost između svakog okvira određena je marginama s gornjim i donjim rubovima koji se urušavaju jedan u drugi.
Na primjer, možda imate sljedeći HTML:
Ovo je prvi div. Širina je 200 piksela i margina 5 x oko nje.
Ovo je širi div.
Ovo je div koji je malo širi od drugog.
Svaki DIV je blok element, tako da će biti postavljen ispod prethodnog blok elementa. Svaki lijevi vanjski rub dodiruje lijevi rub bloka koji sadrži.
Polaganje vanjskih kutije
Inline kutije su postavljene na stranicu vodoravno, jedna za drugom počevši na vrhu elementa spremnika. Kada nema dovoljno mjesta za stavljanje svih elemenata inline okvira na jednu liniju, oni se približavaju sljedećem retku i stave okomito od tamo.
Na primjer, u sljedećem HTML-u:
Ovaj tekst je podebljan i ovaj je tekst kurziv . A to je običan tekst.
Stavka je blok element, ali ima 5 inline elemenata:
- "Ovaj tekst je"
- „Podebljan”
- "i ovaj je tekst"
- "kurziv"
- "A ovo je običan tekst."
Dakle, uobičajeni tijek je kako će ovi bloka i inline elementi biti prikazani na web stranici bez intervencije web dizajera.
Ako želite utjecati na to gdje je element na stranici, možete koristiti CSS pozicioniranje ili CSS plutaje .