Fluxul normal este modul în care elementele sunt afișate într-o pagină web în majoritatea situațiilor. Toate elementele din HTML sunt cutii interioare care sunt fie cutii inline, fie casete bloc .
Eliminarea cutiilor bloc
În fluxul normal, casetele bloc sunt poziționate pe o pagină una după alta (în ordinea în care sunt scrise în HTML ). Acestea pornesc în partea stângă sus a cutiei și o stivă de sus în jos. Distanța dintre fiecare cutie este definită de margini cu margini de sus și de jos care se prăbușesc una în cealaltă.
De exemplu, este posibil să aveți următorul cod HTML:
Acesta este primul div. Este de 200 pixeli lățime, cu o margine de 5px în jurul valorii de ea.
Aceasta este o div divizată.
Acesta este un div, care este un pic mai larg decât cel de-al doilea.
Fiecare DIV este un element bloc, deci va fi plasat sub elementul bloc anterior. Fiecare margine exterioară stângă va atinge marginea din stânga a blocului care conține.
Înlăturarea cutiilor inline
Dulapurile inline sunt așezate pe pagină orizontal, unul după celălalt începând din partea superioară a elementului containerului. Atunci când spațiul nu este suficient pentru a se potrivi cu toate elementele cutiei inline pe o singură linie, ele se înfășoară în linia următoare și stivează vertical de acolo.
De exemplu, în următorul cod HTML:
Acest text este îndrăzneț și acest text este caractere cursive . Și acesta este un text simplu.
Paragraful este un element bloc, dar există 5 elemente inline:
- "Acest text este"
- "îndrăzneţ"
- "și acest text este"
- „cursive“
- "Și acesta este un text simplu".
Deci fluxul normal este modul în care aceste elemente bloc și inline vor fi afișate pe pagina web fără intervenția designerului web.
Dacă doriți să influențați în cazul în care un element se află pe o pagină, puteți utiliza funcția de poziționare CSS sau floare CSS .