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”

cuicwjft on 2026.03.21 at 15:03 said:

https://zzudvpusyw.wordpress.com
fwofenpf on 2026.03.21 at 16:24 said:

https://zzudvpusyw.wordpress.com
yytlxyep on 2026.03.21 at 17:26 said:

https://lyagcpfwpq.wordpress.com
ltopqjsq on 2026.03.21 at 18:23 said:

https://lyagcpfwpq.wordpress.com
ftbbncoe on 2026.03.21 at 19:50 said:

https://lyagcpfwpq.wordpress.com
kbhspuhv on 2026.03.21 at 21:09 said:

https://vfcszfpzcb.wordpress.com
zxwrslxf on 2026.03.21 at 22:10 said:

https://vfcszfpzcb.wordpress.com
eyftcnxa on 2026.03.21 at 22:22 said:

https://vfcszfpzcb.wordpress.com
opklwobs on 2026.03.22 at 0:24 said:

https://ijpsgtibdd.wordpress.com
qcmorqlh on 2026.03.22 at 0:27 said:

https://ijpsgtibdd.wordpress.com
vkcccgyp on 2026.03.22 at 2:05 said:

https://bbudktdhdo.wordpress.com
xqmwitbg on 2026.03.22 at 3:29 said:

https://bbudktdhdo.wordpress.com
sxcxzxdy on 2026.03.22 at 4:22 said:

https://tqjhrbjrzv.wordpress.com
cmmgusey on 2026.03.22 at 6:09 said:

https://tqjhrbjrzv.wordpress.com
tukxztpr on 2026.03.22 at 7:35 said:

https://txxbdjbcir.wordpress.com
nwhrnhog on 2026.03.22 at 8:30 said:

https://txxbdjbcir.wordpress.com
meilddsa on 2026.03.22 at 9:24 said:

https://txxbdjbcir.wordpress.com
qohszzlk on 2026.03.22 at 10:53 said:

https://ckbsqizjpk.wordpress.com
sbgmahqe on 2026.03.22 at 12:37 said:

https://ckbsqizjpk.wordpress.com
yrpnyvmu on 2026.03.22 at 12:41 said:

https://ckbsqizjpk.wordpress.com
ltbstvhm on 2026.03.22 at 13:52 said:

https://olyfufoizv.wordpress.com
lbbupwfw on 2026.03.22 at 15:01 said:

https://olyfufoizv.wordpress.com
jccycxgh on 2026.03.22 at 16:05 said:

https://olyfufoizv.wordpress.com
nidurxfn on 2026.03.22 at 16:55 said:

https://mjejtbdecc.wordpress.com
dbelffik on 2026.03.22 at 17:13 said:

https://mjejtbdecc.wordpress.com
bqgxejtf on 2026.03.22 at 18:04 said:

https://mjejtbdecc.wordpress.com
ppxaytxh on 2026.03.22 at 23:11 said:

https://wccpcrdyhx.wordpress.com
vvywusyv on 2026.03.22 at 23:28 said:

https://wccpcrdyhx.wordpress.com
oyzicoxm on 2026.03.23 at 1:21 said:

https://wccpcrdyhx.wordpress.com
rwgmikap on 2026.03.23 at 2:00 said:

https://yjcftkejiq.wordpress.com
akawzdkz on 2026.03.23 at 3:32 said:

https://yjcftkejiq.wordpress.com
eaornalt on 2026.03.23 at 3:40 said:

https://yjcftkejiq.wordpress.com
ngkmowri on 2026.03.23 at 4:23 said:

https://qwofcxhwfl.wordpress.com
thewgdpt on 2026.03.23 at 6:35 said:

https://qwofcxhwfl.wordpress.com
ndadhyxh on 2026.03.23 at 7:44 said:

https://yrzssotfpy.wordpress.com
uburjxni on 2026.03.23 at 8:15 said:

https://yrzssotfpy.wordpress.com
wftionft on 2026.03.23 at 12:53 said:

https://xhlvpqtyim.wordpress.com
flcfijhx on 2026.03.23 at 13:32 said:

https://xhlvpqtyim.wordpress.com
hzsxojty on 2026.03.23 at 15:13 said:

https://hbpjncswpf.wordpress.com
cmlnoptl on 2026.03.23 at 16:24 said:

https://hbpjncswpf.wordpress.com
bwgbngun on 2026.03.24 at 4:04 said:

https://qpsldsrdaj.wordpress.com
ffwgxoqb on 2026.03.24 at 4:18 said:

https://qpsldsrdaj.wordpress.com
umocfjdm on 2026.03.24 at 4:59 said:

https://qpsldsrdaj.wordpress.com
ypojdtha on 2026.03.24 at 6:27 said:

https://cgcnzgfmws.wordpress.com
vgiqnuzx on 2026.03.24 at 7:04 said:

https://cgcnzgfmws.wordpress.com
meyjvylk on 2026.03.24 at 7:11 said:

https://cgcnzgfmws.wordpress.com
rlbbblkw on 2026.03.24 at 9:00 said:

https://tdocbwwnmc.wordpress.com
bgsenrzg on 2026.03.24 at 10:09 said:

https://tdocbwwnmc.wordpress.com
jyzvhawb on 2026.03.24 at 10:53 said:

https://tdocbwwnmc.wordpress.com
gstlgvpm on 2026.03.24 at 11:48 said:

https://ivityniavo.wordpress.com

321 thoughts on “LESS CSS clearfix”

Leave a Reply Cancel reply