freestyle developments

LESS CSS clearfix

Posted on 2011.11.09 by Alan

The fantastic clearfix, as a LESS CSS class:

.clearfix {
    zoom: 1;
    &:before, &:after {
        content: "";
        display: table;
    }
    &:after {
        clear: both;
    }
}

Use in your code like so:

ul#gallery {
    .clearfix;
    li {
        float: left;
    }
}

Easy.

321 thoughts on “LESS CSS clearfix”

irevltlu on 2026.03.24 at 11:52 said:

https://ivityniavo.wordpress.com
xtqggfre on 2026.03.24 at 15:27 said:

https://wncaclkked.wordpress.com
spjbrwtu on 2026.03.24 at 17:18 said:

https://wncaclkked.wordpress.com
rupgyjmt on 2026.03.24 at 18:24 said:

https://tpmtulmcmk.wordpress.com
vdbypmdd on 2026.03.24 at 18:41 said:

https://tpmtulmcmk.wordpress.com
yziqkcqd on 2026.03.24 at 18:51 said:

https://tpmtulmcmk.wordpress.com
mmakhmpi on 2026.03.24 at 21:56 said:

https://wkbvjijpry.wordpress.com
ydccbksx on 2026.03.24 at 22:30 said:

https://wkbvjijpry.wordpress.com
lrusgxxn on 2026.03.24 at 23:08 said:

https://wkbvjijpry.wordpress.com
cznedrqa on 2026.03.25 at 2:19 said:

https://mqhqxisngl.wordpress.com
ofszgpcs on 2026.03.25 at 2:25 said:

https://mqhqxisngl.wordpress.com
zbqmxtco on 2026.03.25 at 2:56 said:

https://mqhqxisngl.wordpress.com
gayoeroz on 2026.03.25 at 3:42 said:

https://vrxuhoyhpk.wordpress.com
ltublumc on 2026.03.25 at 4:43 said:

https://vrxuhoyhpk.wordpress.com
xewznefd on 2026.03.25 at 5:52 said:

https://vrxuhoyhpk.wordpress.com
cgufbces on 2026.03.25 at 7:03 said:

https://reowucgwsa.wordpress.com
xknskzga on 2026.03.25 at 10:38 said:

https://reowucgwsa.wordpress.com
eageydci on 2026.03.25 at 10:39 said:

https://reowucgwsa.wordpress.com
nupzhxuu on 2026.03.25 at 11:08 said:

https://jdutyrirge.wordpress.com
cnmqspdo on 2026.03.25 at 11:34 said:

https://jdutyrirge.wordpress.com
ngwryaso on 2026.03.25 at 12:29 said:

https://jdutyrirge.wordpress.com
pmgspsez on 2026.03.25 at 18:22 said:

https://apfkycjgfb.wordpress.com
rygktzfd on 2026.03.25 at 18:30 said:

https://apfkycjgfb.wordpress.com
lyeavvft on 2026.03.25 at 19:05 said:

https://apfkycjgfb.wordpress.com
shqisqts on 2026.03.25 at 19:45 said:

https://ficcpnhwqv.wordpress.com
ibpjbogi on 2026.03.25 at 21:54 said:

https://ficcpnhwqv.wordpress.com
fvzzjwlf on 2026.03.25 at 23:24 said:

https://ficcpnhwqv.wordpress.com
axmdstgt on 2026.03.26 at 0:28 said:

https://bbfiuetlig.wordpress.com
gstcxpmg on 2026.03.26 at 1:21 said:

https://bbfiuetlig.wordpress.com
phwoxcjk on 2026.03.26 at 2:38 said:

https://bbfiuetlig.wordpress.com
oysjknaz on 2026.03.26 at 4:05 said:

https://hbclmjyygw.wordpress.com
olhnogkv on 2026.03.26 at 8:06 said:

https://tdxxfrobpl.wordpress.com
dlamfden on 2026.03.26 at 8:47 said:

https://tdxxfrobpl.wordpress.com
ycdlxczy on 2026.03.26 at 8:57 said:

https://tdxxfrobpl.wordpress.com
jvofkask on 2026.03.26 at 12:52 said:

https://haaitoytgz.wordpress.com
xxsbnrro on 2026.03.26 at 13:14 said:

https://haaitoytgz.wordpress.com
qixjqkws on 2026.03.26 at 14:46 said:

https://haaitoytgz.wordpress.com
goxpbceu on 2026.03.26 at 17:45 said:

https://pufffrrowy.wordpress.com
okeigmgo on 2026.03.26 at 19:03 said:

https://pufffrrowy.wordpress.com
tdyisweb on 2026.03.26 at 19:57 said:

https://pufffrrowy.wordpress.com
flghdjsn on 2026.03.26 at 20:54 said:

https://omvrwwxyfa.wordpress.com
gqmgxjwx on 2026.03.27 at 1:16 said:

https://omvrwwxyfa.wordpress.com
axyqdhug on 2026.03.27 at 1:23 said:

https://omvrwwxyfa.wordpress.com
fdycgzgm on 2026.03.27 at 1:47 said:

https://ddvjfrjvdf.wordpress.com
fvydijsf on 2026.03.27 at 3:54 said:

https://ddvjfrjvdf.wordpress.com
jouigpsg on 2026.03.27 at 4:10 said:

https://ddvjfrjvdf.wordpress.com
hlcstksx on 2026.03.27 at 4:44 said:

https://rdlzkogihn.wordpress.com
oysfhdyi on 2026.03.27 at 5:01 said:

https://rdlzkogihn.wordpress.com
yrajdzdm on 2026.03.27 at 6:35 said:

https://rdlzkogihn.wordpress.com
zrilhmbn on 2026.03.27 at 9:06 said:

https://dvwoegfyew.wordpress.com

321 thoughts on “LESS CSS clearfix”

Leave a Reply Cancel reply