Duidelijk - CSS-trucs

Anonim

De clearwoning is direct gerelateerd aan praalwagens. Als het element horizontaal kan passen in de ruimte naast een ander element dat zweeft, zal het. Tenzij je clearop dat element toepast in dezelfde richting als de vlotter. Het element zal dan onder het zwevende element naar beneden bewegen.

Hier is een eenvoudig voorbeeld van een lay-out geconstrueerd met drijvers, wat problematisch kan zijn voor de voettekst:

Maar door het voettekstelement te wissen, klikt de lay-out op zijn plaats:

#footer ( clear: both; )

In dit geval duidelijk: beide; werd gebruikt om ervoor te zorgen dat de voettekst voorbij elementen wist die in beide richtingen zweven. Maar je kunt ook een van de twee wissen, leftof rightin welk geval het element onder elementen beweegt die in die richting zweven, maar niet de andere.

Een gebruikelijke manier om drijvers te wissen, is door een pseudo-element toe te passen op een containerelement dat de drijver vrijmaakt. Lees hier meer over.

Browser-ondersteuning

De cleareigenschap werkt in alle browsers.