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”

ogqlqgbe on 2026.03.27 at 9:53 said:

https://dvwoegfyew.wordpress.com
udymrhfg on 2026.03.27 at 13:01 said:

https://dvwoegfyew.wordpress.com
nmomwdfo on 2026.03.27 at 14:42 said:

https://hhogywcqll.wordpress.com
upkmchqq on 2026.03.27 at 18:13 said:

https://hhogywcqll.wordpress.com
ebjgvpsi on 2026.03.27 at 18:15 said:

https://hhogywcqll.wordpress.com
nzxrjdvt on 2026.03.27 at 21:43 said:

https://rgacxuozvk.wordpress.com
fgnftpoa on 2026.03.27 at 23:03 said:

https://rgacxuozvk.wordpress.com
uomsvuru on 2026.03.28 at 1:18 said:

https://pmvneyjzqi.wordpress.com
jrrjllbc on 2026.03.28 at 1:25 said:

https://pmvneyjzqi.wordpress.com
qsmectkk on 2026.03.28 at 2:54 said:

https://pmvneyjzqi.wordpress.com
mwfzbpuy on 2026.03.28 at 4:03 said:

https://xvljlrujrr.wordpress.com
lwfbqljt on 2026.03.28 at 5:18 said:

https://xvljlrujrr.wordpress.com
ekhxlleg on 2026.03.28 at 6:07 said:

https://xvljlrujrr.wordpress.com
wchingke on 2026.03.28 at 8:50 said:

https://lxlqgvngsw.wordpress.com
dmirzscr on 2026.03.28 at 9:37 said:

https://lxlqgvngsw.wordpress.com
pwmbfdrs on 2026.03.28 at 17:55 said:

https://lquqmdmysv.wordpress.com
ikkogidu on 2026.03.28 at 20:47 said:

https://lquqmdmysv.wordpress.com
zxifqgbk on 2026.03.28 at 22:29 said:

https://akxdpyyrgw.wordpress.com
xrjdokig on 2026.03.28 at 22:34 said:

https://akxdpyyrgw.wordpress.com
glencsze on 2026.03.29 at 0:37 said:

https://akxdpyyrgw.wordpress.com
dxadgsko on 2026.03.29 at 2:03 said:

https://slgtnloguc.wordpress.com
wetbppgt on 2026.03.29 at 4:26 said:

https://slgtnloguc.wordpress.com
dxnmvohe on 2026.03.29 at 5:08 said:

https://slgtnloguc.wordpress.com
wqgqrzhj on 2026.03.29 at 8:31 said:

https://fdliubejrd.wordpress.com
xlhachol on 2026.03.29 at 9:32 said:

https://fdliubejrd.wordpress.com
eeikmput on 2026.03.29 at 9:37 said:

https://fdliubejrd.wordpress.com
pdyboxki on 2026.03.29 at 11:19 said:

https://vwknbtbavk.wordpress.com
laoazstc on 2026.03.29 at 12:00 said:

https://vwknbtbavk.wordpress.com
zmwcyedw on 2026.03.29 at 13:03 said:

https://vwknbtbavk.wordpress.com
hxnjixfy on 2026.03.29 at 18:12 said:

https://gjslqfcuna.wordpress.com
rksdquuj on 2026.03.29 at 18:36 said:

https://gjslqfcuna.wordpress.com
ibehfpfr on 2026.03.29 at 19:58 said:

https://gjslqfcuna.wordpress.com
kcveprna on 2026.03.29 at 22:51 said:

https://iartkjcyht.wordpress.com
ectfjdhf on 2026.03.29 at 23:41 said:

https://iartkjcyht.wordpress.com
lrdcpnqm on 2026.03.30 at 2:32 said:

https://sjebkvanwa.wordpress.com
snssvxxi on 2026.03.30 at 4:58 said:

https://sjebkvanwa.wordpress.com
wshenmhl on 2026.03.30 at 5:07 said:

https://sjebkvanwa.wordpress.com
vkexhzke on 2026.03.30 at 7:03 said:

https://nyqbxvsrvz.wordpress.com
rblagdmz on 2026.03.30 at 7:46 said:

https://nyqbxvsrvz.wordpress.com
pbdbxfyn on 2026.03.30 at 8:38 said:

https://nyqbxvsrvz.wordpress.com
tnvhndhw on 2026.03.30 at 11:12 said:

https://wkfgslyxlw.wordpress.com
hvhxhrfs on 2026.03.30 at 11:52 said:

https://wkfgslyxlw.wordpress.com
uhujzlre on 2026.03.30 at 11:53 said:

https://wkfgslyxlw.wordpress.com
tymffnrp on 2026.03.30 at 17:22 said:

https://wkfgslyxlw.wordpress.com
xuasmxxj on 2026.03.30 at 19:27 said:

https://wkfgslyxlw.wordpress.com
qvwgouxk on 2026.03.30 at 19:29 said:

https://wkfgslyxlw.wordpress.com
bkdpavat on 2026.03.30 at 20:01 said:

https://rzkqdnsswy.wordpress.com
xzjaurkk on 2026.03.30 at 21:47 said:

https://rzkqdnsswy.wordpress.com
spfvbraa on 2026.03.30 at 22:20 said:

https://rzkqdnsswy.wordpress.com
fydtgitf on 2026.03.30 at 23:33 said:

https://olqfcfpfud.wordpress.com

321 thoughts on “LESS CSS clearfix”

Leave a Reply Cancel reply