Jasné - Triky CSS

Anonim

Táto clearnehnuteľnosť priamo súvisí s plavákmi. Ak sa prvok môže vodorovne zmestiť do priestoru vedľa iného plaveného prvku, bude to tak. Pokiaľ však clearna daný prvok neaplikujete rovnakým smerom ako plavák. Potom sa prvok presunie nadol pod plávajúci prvok.

Tu je jednoduchý príklad rozloženia konštruovaného s plavákmi, ktoré by mohlo byť pre pätu problematické:

Vymazaním prvku päty však rozloženie zapadne na svoje miesto:

#footer ( clear: both; )

V takom prípade jasné: oboje; sa použilo na zabezpečenie toho, aby päta vyčistila minulé prvky, ktoré sa vznášajú v oboch smeroch. Môžete však tiež vyčistiť buď jeden, leftalebo rightv takom prípade sa prvok presunie pod prvky, ktoré sa vznášajú týmto smerom, ale nie druhý.

Bežným spôsobom čistenia plavákov je použitie pseudoprvku na prvok nádoby, ktorý čistí plavák. Viac informácií sa dozviete tu.

Podpora prehľadávača

clearVlastnosť funguje vo všetkých prehliadačoch.