A float tulajdonság

A float tulajdonság - lebegő elemeket határoz meg, amelyeket szöveg fog körbefolyni. A float tulajdonságot néha együtt használják a clear tulajdonsággal, amely megszünteti az elem körbefolyását.

Bár eredetileg a float arra készült, hogy lebegő elemeket illesszenek be a szövegbe, manapság nagyon széles körben és nem szabványos módon használják elrendezések készítésére.

Szintaxis

szelektor {
	float: left | right | none;
}

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

Értékek a float-hoz

Érték	Leírás
`left`	Az elem balra fog lebegni, és a szöveg jobbról folyja körbe.
`right`	Az elem jobbra fog lebegni, és a szöveg balról folyja körbe.
`none`	Nincs körbefolyás.

Alapértelmezett érték: none.

Értékek a clear-hoz

Érték	Leírás
`left`	Megszünteti a bal oldali körbefolyást.
`right`	Megszünteti a jobb oldali körbefolyást.
`both`	Megszünteti mind a bal, mind a jobb oldali körbefolyást.
`none`	Nincs körbefolyás megszüntetés.

Alapértelmezett érték: none.

Példa

Használjuk a float-ot nem szabványos módon, úgy, hogy a lista elemeit egymás mellé helyezzük:

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

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

Lásd még

a clear tulajdonság,
amely megszünteti a float hatását a felette lévő elemekre