Egenskaben float

Egenskaben float - definerer flydende blokke, som tekst vil flyde omkring. Egenskaben float bruges nogle gange sammen med egenskaben clear, som ophæver omflydningen af elementet.

Selvom float oprindeligt blev opfundet for at indsætte flydende blokke i tekst, så bruges den i dag meget bredt og på ikke-standard måde til layoutopbygning.

Syntaks

selector {
	float: left | right | none;
}

selector {
	clear: both | left | right | none;
}

Værdier for float

Værdi	Beskrivelse
`left`	Blokken vil flyde til venstre, og teksten vil flyde omkring den til højre.
`right`	Blokken vil flyde til højre, og teksten vil flyde omkring den til venstre.
`none`	Ingen omflydning.

Standardværdi: none.

Værdier for clear

Værdi	Beskrivelse
`left`	Ophæver omflydning fra venstre.
`right`	Ophæver omflydning fra højre.
`both`	Ophæver omflydning både fra venstre og højre.
`none`	Ingen ophævelse af omflydning.

Standardværdi: none.

Eksempel

Vi bruger float på en ikke-standard måde ved at sætte listepunkterne på linje:

<ul>
	<li>1</li>
	<li>2</li>
	<li>3</li>
	<li>4</li>
	<li>5</li>
</ul>

li {
	float: left;
	border: 1px solid red;
}

Se også

egenskaben clear,
som ophæver float for forrige elementer