Selge - CSS-trikid

Anonim

clearVara on otseselt seotud ujukid. Kui element mahub horisontaalselt teise ujuva elemendi kõrval olevasse ruumi, siis see sobib. Kui te ei rakenda clearseda elementi ujukiga samas suunas. Seejärel liigub element alla hõljuva elemendi alla.

Siin on lihtne näide ujukitega konstrueeritud paigutusest, mis võib jaluse jaoks olla problemaatiline:

Kuid jaluselemendi tühjendamisega paigutus paigutus paika:

#footer ( clear: both; )

Sel juhul selge: mõlemad; kasutati selleks, et jalus tühjendaks mõlemas suunas hõljuvad möödunud elemendid. Kuid saate ka kustutada kas leftvõi rightsel juhul liigub element selles suunas hõljuvate elementide alla, kuid mitte teine.

Tavaline viis ujukite puhastamiseks on pseudoelemendi rakendamine mahuti elemendile, mis ujuki puhastab. Lisateavet selle kohta leiate siit.

Brauseri tugi

clearVara töötab kõikides brauseritega.