Hoe OM - Maak vlotte skoon (Clearfix)
Leer hoe om vlotte skoon te maak met die "clearfix" hack.
Hoe om vlotte skoon te maak (Clearfix)
Elemente na 'n drywende element sal om dit vloei. Gebruik die "clearfix" hack om die probleem op te los:
Sonder Clearfix
Met Clearfix
Die duidelike oplossing Hack
As 'n element hoër is as die element wat dit bevat, en dit dryf, sal dit buite sy houer oorloop.
Dan kan ons overflow: auto;
by die bevat-element voeg om hierdie probleem op te los:
Voorbeeld
.clearfix {
overflow: auto;
}
The overflow:auto clearfix works well as long as you are able to keep control of your margins and padding (else you might see scrollbars). The new, modern clearfix hack however, is safer to use, and the following code is used for most webpages:
Example
.clearfix::after {
content: "";
clear: both;
display: table;
}
Tip: Learn more about floats in our CSS Float Tutorial.