Fluxu arruntak zirkunstantzia gehienetan web orrialdeak bistaratzen dituen modua da. HTML elementu guztiak barrutik dauden kutxetan edo blokeko koadroetan daude.
Blokeo kaxak jartzea
Fluxu normaletan, blokearen koadroak beste orri baten ondorengo orri batean kokatzen dira ( HTMLan idatzitako ordenan). Kutxa koadroaren goiko ezkerraldean hasten dira eta goitik behetik pilatu. Kutxa bakoitzaren arteko distantzia marjinek zehazten dute goiko eta beheko marjinak bata bestearekin kolapsatuz.
Adibidez, baliteke HTML hau izatea:
Hau da lehen div. 200 pixel zabal ditu 5px inguruko marjina.
Hau div zabalagoa da.
Hau bigarrena baino zabalagoa da.
DIV bakoitza bloke-elementua da, aurreko blokeko elementuaren azpian kokatuko baita. Ezkerreko kanpoaldeko ertzek edukiontziaren ezkerreko ertza ukituko dute.
Lineaz kanpoko kutxak banatzea
Lerro-koadroak horizontalean kokatzen dira, edukiontziaren goiko elementuaren goiko aldean beste bat. Lerro bakarreko lerroko elementu guztiak bateratzeko leku nahikorik ez dagoenean, hurrengo lerroan bildu eta bertatik bertikalki pilatzen dira.
Adibidez, hurrengo HTMLan:
Testu hau lodia da eta testu hau etzana da . Eta hau testu arrunta da.
Paragrafo bat blokeko elementua da, baina 5 elementu inlinato daude:
- "Testu hau"
- "Bold"
- "eta testu hau"
- "Etzana"
- ". Eta hau testu arrunta da".
Beraz, fluxu arrunta da nola bloke horiek eta lerro elementuak web orrian erakutsiko dira web diseinatzaileek inolako esku-hartzerik gabe.
Elementu bat orri batean dagoenean eragina izan nahi ez baduzu CSS kokapen edo CSS karroza erabil dezakezu.