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

cssselektor {
  float: left | right | none;
}

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

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;
}

Результат:

Viz také

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