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

cssszelektor {
  float: left | right | none;
}

cssszelektor {
  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:

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

cssli {
  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