Vlastnosť float

Vlastnosť float - nastavuje plávajúce bloky, ktoré budú obtiekané textom. Vlastnosť float sa niekedy používa spoločne s vlastnosťou clear, ktorá zruší obtok prvku.

Hoci pôvodne bol float navrhnutý pre vkladanie blokov s obtokom do textu, v súčasnosti sa veľmi široko a neštandardne používa na vytváranie rozložení.

Syntax

selektor {
	float: left | right | none;
}

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

Hodnoty pre float

Hodnota	Popis
`left`	Blok bude plávať vľavo a text ho bude obtekať vpravo.
`right`	Blok bude plávať vpravo a text ho bude obtekať vľavo.
`none`	Žiadny obtok.

Predvolená hodnota: none.

Hodnoty pre clear

Hodnota	Popis
`left`	Zruší obtok zľava.
`right`	Zruší obtok sprava.
`both`	Zruší obtok zľava aj sprava.
`none`	Žiadne zrušenie obtoku.

Predvolená hodnota: none.

Príklad

Použijeme float neštandardným spôsobom, umiestnením položiek zoznamu do radu:

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

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

Pozri tiež

vlastnosť clear,
ktorá zruší float pre nadradené prvky