Hvordan søke Floats til objekter i CSS

Cascading Style Sheets, eller CSS, flyter bruk for å plassere objekter, for eksempel tekst, bilder og deler på en webside. Du kan stille flyte eiendom til venstre eller høyre. Den float: left verdi instruerer CSS til å plassere et objekt til venstre for en side, mens float: right forteller det å plassere objektet til høyre. Hoved (forelder) beholder påvirker også hvor langt en gjenstand svever over en side. Objekter kan bare flyte til forlengelse av deres overordnede element. CSS setter verdien til ingen som standard hvis du ikke inkluderer en flyttallsverdi.

Bruksanvisning

1 Åpne HTML-filen du ønsker å endre i et tekstredigeringsprogram, for eksempel Notisblokk, TextPad eller EditPad.

2 Sett følgende CSS-kode mellom HEAD taggen for å gjøre et objekt flyte til venstre på siden eller container:

<Style type = "text / css">

<! -

.stilling

{

float: left;

}

->

</ Style>

3 Erstatt "venstre" med "rett" til å lage et objekt flyte til høyre i stedet som følger:

<Style type = "text / css">

<! -

.stilling

{

float: right;

}

->

</ Style>

4 Finn objektet du ønsker å flyte i din BODY-koden, for eksempel:

<Img />

5 Sett CSS selector (.position) i objektets tag å bruke float som følger:

<Img class = "position" />