Jasné - Triky CSS

Anonim

clearNemovitost je přímo souvisí s plováky. Pokud se prvek vejde vodorovně do prostoru vedle jiného prvku, který je plovoucí, bude. Pokud však clearna tento prvek neaplikujete ve stejném směru jako plovák. Pak se prvek bude pohybovat dolů pod plovoucím prvkem.

Zde je jednoduchý příklad rozložení konstruovaného s plováky, což by mohlo být pro zápatí problematické:

Vymazáním prvku zápatí ale rozložení zapadne na místo:

#footer ( clear: both; )

V tomto případě jasné: obojí; bylo použito k zajištění, aby zápatí vyčistilo minulé prvky, které jsou plavány v obou směrech. Můžete ale také vymazat buď, leftnebo rightv takovém případě se prvek bude pohybovat pod prvky, které jsou plavány tímto směrem, ale nikoli druhým.

Běžným způsobem vymazání plováků je použití pseudoprvku na prvek kontejneru, který vymaže plovák. Více se o tom dozvíte zde.

Podpora prohlížeče

Tato clearvlastnost funguje ve všech prohlížečích.