Jasno - CSS-trikovi

Anonim

clearNekretnina izravno je povezana s plovcima. Ako element može stati vodoravno u prostor pored drugog elementa koji je plutajući, hoće. Osim ako se clearna taj element ne prijavite u istom smjeru kao i plovak. Tada će se element pomaknuti dolje ispod plutajućeg elementa.

Evo jednostavnog primjera izgleda izrađenog s plovcima, što bi moglo biti problematično za podnožje:

No, brisanjem elementa podnožja, izgled se postavlja na svoje mjesto:

#footer ( clear: both; )

U ovom slučaju, jasno: oboje; korišten je kako bi se osiguralo da podnožje očisti prošle elemente koji lebde u bilo kojem smjeru. Ali također možete očistiti bilo leftili, ili rightu tom će se slučaju element pomaknuti ispod elemenata koji su plutajući u tom smjeru, ali ne i u drugom.

Uobičajeni način čišćenja plutajućih slojeva je primjena pseudo-elementa na element spremnika koji uklanja plutajuće mjesto. Saznajte više o tome ovdje.

Podrška preglednika

clearImovine radi u svim preglednicima.