Jasno - CSS-triki

Anonim

clearLastnost je neposredno povezana s plovci. Če se element lahko vodoravno prilega prostoru poleg drugega elementa, ki je plavajoč, se bo. Razen če se clearza ta element nanašate v isti smeri kot plovec. Nato se bo element premaknil pod plavajoči element.

Tu je preprost primer postavitve, izdelane s plovci, ki bi lahko bila težavna za nogo:

Toda s čiščenjem elementa noge se postavitev zaskoči na svoje mesto:

#footer ( clear: both; )

V tem primeru jasno: oboje; je bil uporabljen za zagotovitev, da noga počisti pretekle elemente, ki so plavajoči v obe smeri. Lahko pa tudi počistite enega leftali rightv tem primeru se bo element premaknil pod elemente, ki so plavajoči v tej smeri, ne pa tudi v drugo.

Običajni način čiščenja plovcev je uporaba psevdoelementa na elementu vsebnika, ki počisti plovec. Več o tem lahko preberete tukaj.

Podpora za brskalnik

clearLastnina deluje v vseh brskalnikih.