Vlastnost float

Vlastnost float - nastavuje plovoucí bloky, které budou obtékat textem. Vlastnost float se někdy používá společně s vlastností clear, která zruší obtékání elementu.

Ačkoli byl float původně vymyšlen pro vkládání obtékaných bloků do textu, v současné době je velmi široce a nestandardně používán pro vytváření layoutů.

Syntaxe

selektor {
	float: left | right | none;
}

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

Hodnoty pro float

Hodnota	Popis
`left`	Blok bude plavat vlevo a text jej bude obtékat zprava.
`right`	Blok bude plavat vpravo a text jej bude obtékat zleva.
`none`	Žádné obtékání.

Výchozí hodnota: none.

Hodnoty pro clear

Hodnota	Popis
`left`	Zruší obtékání zleva.
`right`	Zruší obtékání zprava.
`both`	Zruší obtékání zleva i zprava.
`none`	Žádné zrušení obtékání.

Výchozí hodnota: none.

Příklad

Použijeme float nestandardním způsobem, umístěním položek seznamu do řady:

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

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

Viz také

vlastnost clear,
která zruší float pro nadřazené elementy