Hreinsa CSS eignin hefur verið hluti af CSS síðan CSS1. Það gerir þér kleift að tilgreina hvaða þættir geta flotið við hliðina á hreinsuðu hlutanum og á hvaða hlið eða hliðum. Hreinsa eignin hefur fimm mögulegar gildi:
- enginn
- vinstri
- rétt
- bæði
- erfa
Hvernig á að nota CSS skýr eignina
Algengasta leiðin til að nota hreint eign er eftir að þú hefur notað flot eign á frumefni. Til dæmis:
Texti við hliðina á myndinni minni.
Texti sem er undir myndinni minni.
Allir þættir sjálfgefið að hreinsa: none; , þannig að ef þú vilt ekki að aðrir þættir fljóta fyrir utan eitthvað, þá verður þú að breyta skýrum stíl.
Þegar þú ert að hreinsa fljóta, passar þú við flotinn þinn. Svo ef þú flýtur þátturinn til vinstri, þá ættir þú að hreinsa til vinstri. Flotið þitt mun halda áfram að fljóta, en hreinsað þátturinn og allt eftir það birtist fyrir neðan það á vefsíðunni.
Ef þú ert með þætti sem fljóta bæði til hægri og vinstri geturðu hreinsað eina hliðina eða þú getur hreinsað bæði.
Nota skýrt í Layouts
Algengasta leiðin sem flestir hönnuðir nota á hreinu eign er að skipuleggja síðuþætti . Þú gætir haft mynd fljótandi inni í textaskeiði og vilt að næsta málsgrein byrjist fyrir neðan myndina, eða þú gætir haft heilan dálka af texta sem þú vilt fljóta við hliðina á öðru lagi af texta, með nokkrum texta sem birtist hér að neðan.
Hér er HTML fyrir skipulag í þessu formi.
Það hefur einn Div gámur halda annað sem er flot til vinstri.
Stutt flotið div
Efnisyfirlit inni í gámasvæðinu sem verður að vera til hægri flottsins.
Þetta mun virka fínt, með styttri div fljótandi vinstra megin við afganginn af innihaldi aðal div.
Þú getur hreinsað textann við hliðina á flotum kassanum með því einfaldlega að bæta við merki þar sem þú vilt að það byrji að skrifa undir flotum kassanum.
En vandamálið kemur þegar fljótandi kassi er lengri en innihaldið við hliðina á því. Þá, eins og þú sérð, er bakgrunnslit aðalhólfsins ekki færð niður til botns flotkassans.
Til allrar hamingju, það er auðveld leið til að laga þetta: eignin. Með því að stilla aðalreitinn að flæða: sjálfvirkt; bakgrunnslitin verður áfram við hliðina á lengra flotkassanum í botninn, eins og sýnt er í þessu dæmi .