Výuka CSS


CSS vlastnost float určuje obtékání prvku.

hodnotyzpůsob rozplavání prvku
none prvek nebude obtékán
right prvek bude přišoupnut k pravému okraji, následující text ho bude obtékat
left totéž k levému okraji
Normálně prvky obtékané nejsou.

Výchozí hodnota je tedy none.

Prvkům, které okolní text obtéká a které mají nastaveno float: left nebo right, se říká dvěma termíny

  • obtékané prvky
  • plovoucí prvky
  • Je to to samé.

    Aby mohl být prvek obtékaný, musí mít nastavenou šířku width.

    Obtékaný prvek je vyjmut z toku dokumentu (stejně jako position: absolute). Ostatní prvky, které obtékají, nejsou prvkem nijak ovlivněny, pouze se jim zkracují řádky v prostoru, kde je obtékaný prvek. Toto chování se ale prohlížeč od prohlížeče liší. Obzvlášť zoufale se chovají různé verze Internet Exploreru.

    Pomoci vlastnosti clear se dá říci, že se má prvek vykreslovat až pod všemi obtékanými prvky.

    Jakmile čemukoliv nastavíte float rozdílné od none, stává se to blokovým prvkem (jakoby display: block).
    Margin
    Float

    Display
    Border
    Background