El flux normal és la manera en què els elements es mostren en una pàgina web en la majoria de les circumstàncies. Tots els elements en HTML són dins de quadres que són quadres en línia o quadres de bloc .
Establir caixes de bloc
En el flux normal, els quadres de bloc es col·loquen en una pàgina un després de l'altre (en l'ordre en què estan escrits en HTML ). Comencen a la part superior esquerra del quadre que conté i pica de dalt a baix. La distància entre cada casella es defineix pels marges amb els marges superior i inferior que es col • laboren entre si.
Per exemple, és possible que tingueu el codi HTML següent:
Aquest és el primer div. Té 200 píxels d'amplada amb un marge de 5 píxels al seu voltant.
Es tracta d'un div més ampli.
Aquesta és una div que és una mica més àmplia que la segona.
Cada DIV és un element de bloc, de manera que se situarà per sota de l'element de bloc anterior. Cada vora exterior esquerra tocarà la vora esquerra del bloc que conté.
Establir caixes en línia
Els quadres en línia es mostren a la pàgina horitzontalment, un darrere l'altre a la part superior de l'element contenidor. Quan no hi ha prou espai per adaptar-se a tots els elements del quadre en línia d'una sola línia, es connecten a la següent línia i s'apilen verticalment des d'allà.
Per exemple, en el següent HTML:
Aquest text és en negreta i aquest text és cursiva . I això és de text senzill.
El paràgraf és un element de bloc, però hi ha 5 elements en línia:
- "Aquest text és"
- "en negreta"
- "i aquest text és"
- "cursiva"
- "I això és de text senzill".
Així que el flux normal és com es mostraran aquests blocs i elements en línia a la pàgina web sense cap intervenció del dissenyador web.
Si voleu afectar on hi ha un element en una pàgina, podeu utilitzar el CSS o els flotadors CSS .