Venjulegur flæði er sú leið sem þættir birtast á vefsíðu í flestum tilvikum. Allir þættir í HTML eru inni í reitum sem eru annaðhvort inline box eða block boxes.
Leggja út loka reiti
Í venjulegum rennsli eru blokkakassar staðsettar á síðu eftir hver annan (í þeirri röð sem þau eru skrifuð í HTML ). Þeir byrja í efra vinstra megin við innihaldsefnið og stafla frá toppi til botns. Fjarlægðin milli hverja reit er skilgreind með því að jaðri með efri og neðri mörkum hrynja í annað.
Til dæmis gætirðu fengið eftirfarandi HTML:
Þetta er fyrsta div. Það er 200 pixlar breiður með 5px framlegð í kringum hana.
Þetta er breiðari div.
Þetta er div sem er svolítið breiðari en seinni.
Hver DIV er blokkareining, þannig að það verður sett fyrir neðan fyrri blokkarþáttinn. Hver vinstri ytri brún mun snerta vinstri brún hólfsins.
Leggja út innhólfshólf
Innri kassar eru settar út á hliðina lárétt, annar eftir upphafi efst á ílátinu. Þegar ekki er nóg pláss til að passa öll þættir inline boxsins á einum línunni, hella þeir í næstu línu og stafla lóðrétt þarna.
Til dæmis, í eftirfarandi HTML:
Þessi texti er feitletrað og þessi texti er skáletrað . Og þetta er látlaus texti.
Málsgreinin er blokkareining, en það eru 5 inline þættir:
- "Þessi texti er"
- "feitletrað"
- "og þessi texti er"
- "skáletrað"
- "Og þetta er látlaus texti."
Svo eðlilegt flæði er hvernig þessi blokkir og inline þættir munu birtast á vefsíðu án íhlutunar af vefur hönnuður.
Ef þú vilt hafa áhrif á hvar þáttur er á síðu getur þú notað CSS staðsetningu eða CSS flotar .