Selkeä - CSS-temppuja

Anonim

clearOmaisuus liittyy suoraan kelluu. Jos elementti mahtuu vaakasuoraan toisen kelluvan elementin vieressä olevaan tilaan, se sopii. Ellet sovelleta clearkyseiseen elementtiin samaan suuntaan kuin uimuri. Sitten elementti liikkuu alas kelluvan elementin alapuolelle.

Tässä on yksinkertainen esimerkki kellukkeista rakennetusta asettelusta, joka voi olla ongelmallista alatunnisteelle:

Mutta tyhjentämällä alatunniste-elementti, asettelu napsahtaa paikalleen:

#footer ( clear: both; )

Tässä tapauksessa selvä: molemmat; käytettiin varmistamaan, että alatunniste tyhjentää aiemmat elementit, jotka kelluvat kumpaankin suuntaan. Mutta voit myös tyhjentää jommankumman lefttai righttällöin elementti liikkuu siihen suuntaan kelluvien elementtien alapuolelle, mutta ei toiseen.

Yleinen tapa poistaa kellukkeet on soveltaa pseudoelementtiä konttielementtiin, joka tyhjentää uimurin. Lue lisää täältä.

Selaimen tuki

clearKiinteistö toimii kaikissa selaimissa.