Aišku - CSS-gudrybės

Turinys

clearNuosavybė yra tiesiogiai susijęs su plūdės. Jei elementas gali horizontaliai tilpti šalia kito plūduriuojančio elemento, jis bus. Nebent jūs pritaikysite cleartą elementą ta pačia kryptimi kaip ir plūdė. Tada elementas judės žemyn po plūduriuojančiu elementu.

Štai paprastas plūdėmis sukonstruoto išdėstymo pavyzdys, kuris gali būti problemiškas poraštėje:

Tačiau išvalius poraštės elementą, maketas užfiksuojamas vietoje:

#footer ( clear: both; )

Šiuo atveju aišku: abu; buvo naudojamas siekiant užtikrinti, kad poraštė išvalytų praeities elementus, kurie plaukioja bet kuria kryptimi. Bet jūs taip pat galite išvalyti arba, leftarba righttokiu atveju elementas judės žemiau elementų, kurie plaukioja ta kryptimi, bet ne kitu.

Paprastas plūdžių valymo būdas yra pseudoelemento pritaikymas konteinerio elementui, kuris išvalo plūdę. Sužinokite daugiau apie tai čia.

Naršyklės palaikymas

clearNuosavybė veikia visose naršyklėse.

Įdomios straipsniai...