A normál áramlás a legtöbb esetben a weboldalon megjelenő elemek megjelenésének módja. A HTML minden eleme olyan dobozokban található, amelyek vagy inline dobozok vagy blokkdobozok.
Blokk dobozok elhelyezésére
Normál áramlás esetén a blokkdobozok egymás után helyezkednek el egy oldalon (a sorrendben, amit a HTML-ben írt). A doboz bal felső sarkában kezdődik, és felfelé mozdul. Az egyes dobozok közötti távolságot a margók határozzák meg, ahol a felső és az alsó peremek összecsukódnak egymásba.
Például, a következő HTML-kódot használhatja:
Ez az első div. Ez 200 képpont széles, 5px margóval körül.
Ez egy szélesebb div.
Ez egy div, ami egy kicsit szélesebb, mint a második.
Minden egyes DIV egy blokk elem, így az el lesz helyezve az előző blokkelemnek. Minden bal külsõ él érinteni fogja a blokk bal szélét.
Inline dobozok elhelyezése
Az inline dobozokat vízszintesen elhelyezzük az oldalon, egymás után a tartályelem tetejénél. Ha nincs elég hely, hogy az egy sorban lévő összes dobozba illeszkedjenek, akkor a következő sorba tekercselnek és függőlegesen rakódnak fel.
Például a következő HTML-ben:
Ez a szöveg vastag, és ez a szöveg dőlt . És ez egyszerű szöveg.
A bekezdés egy blokk elem, de 5 inline elem van:
- "Ez a szöveg"
- "bátor"
- "és ez a szöveg"
- „Dőlt”
- "És ez egyszerű szöveg."
Tehát a normál áramlás, hogy ezek a blokk és inline elemek megjelenjenek a weboldalon a webdesigner beavatkozása nélkül.
Ha befolyásolni szeretné, hogy egy elem melyik oldalon található, használhatja a CSS pozícionálást vagy a CSS úszókat .