Hva er normal flyt i webdesign?
Bill Oxford/Getty Images
Normal flyt er måten elementer vises på en nettside i de fleste tilfeller. Alle elementer i HTML er inne i bokser som enten er innebygde bokser eller blokkere esker.
Legge ut blokkbokser
I normal flyt er blokkbokser plassert på en side etter hverandre (i den rekkefølgen de er skrevet i HTML ). De starter øverst til venstre i boksen og stables fra topp til bunn. Avstanden mellom hver boks er definert av margene med topp- og bunnmarger som kollapser inn i hverandre.
Du kan for eksempel ha følgende HTML:
|_+_|Dette er en bredere div.Hver
DIVer et blokkelement, så det vil bli plassert under det forrige blokkelementet. Hver ytre venstre kant vil berøre venstre kant av blokken som inneholder blokken. Laying Out Inline Boxes
Innebygde bokser legges ut horisontalt på siden, den ene etter den andre fra toppen av beholderelementet. Når det ikke er nok plass til å passe alle elementene i den innebygde boksen på én linje, pakkes de til neste linje og stables vertikalt derfra.
For eksempel i følgende HTML:
|_+_|Avsnittet er et blokkelement, men det er 5 innebygde elementer:
- 'Denne teksten er'
- 'modig'
- ' og denne teksten er '
- 'kursiv'
- '. Og dette er ren tekst.'
Så normal flyt er hvordan disse blokk- og innebygde elementene vil vises på nettsiden uten intervensjon fra webdesigneren. Hvis du vil påvirke hvor et element er på en side kan du bruke CSS-posisjonering eller CSS flyter .