Výuka kaskádových stylů





Co to je?

V CSS se vlastnost clear používá k tomu, aby se zajistilo, že element nebude umístěn vedle (vlevo nebo vpravo) plovoucích (floated) elementů. Může být nastavena na několik různých hodnot, které určují, jak bude element reagovat na předchozí plovoucí elementy.



Jak?

Na svojí .html stránce si vytvořím float elementy, pomocí funkce clear pak u ostatních elementů určím, jak se budou chovat v návaznosti na předchozí float elementy.
Základní hodnoty jsou:

none: (výchozí hodnota) Element se umístí vedle plovoucích elementů (pokud je dostatek místa).

left: Element se umístí pod všechny plovoucí elementy na levé straně.

right: Element se umístí pod všechny plovoucí elementy na pravé straně.

both: Element se umístí pod všechny plovoucí elementy na obou stranách (levé i pravé).



Příklad :

Tento element je pod plovoucími boxy vlevo.

Byla na něj použita funkce clear: left;