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.

99 thoughts on “LESS CSS clearfix”

trgvghtz on 2026.03.06 at 5:07 said:

https://hasydhpvfy.wordpress.com
jrzwvkgu on 2026.03.06 at 6:18 said:

https://hasydhpvfy.wordpress.com
lkpcyqup on 2026.03.06 at 7:09 said:

https://ueaypwvzuu.wordpress.com
jeftqbyy on 2026.03.06 at 7:46 said:

https://ueaypwvzuu.wordpress.com
ovogmguz on 2026.03.06 at 8:40 said:

https://ueaypwvzuu.wordpress.com
kcccaxze on 2026.03.06 at 9:24 said:

https://vzwsksgvux.wordpress.com
knmeoznc on 2026.03.06 at 9:56 said:

https://vzwsksgvux.wordpress.com
ugraniyu on 2026.03.06 at 11:12 said:

https://vzwsksgvux.wordpress.com
stvqviuw on 2026.03.06 at 11:47 said:

https://sqeehscytd.wordpress.com
viyxjjwc on 2026.03.06 at 12:17 said:

https://sqeehscytd.wordpress.com
bzatjidm on 2026.03.06 at 12:54 said:

https://sqeehscytd.wordpress.com
lqokkzxi on 2026.03.06 at 14:29 said:

https://kddvjdpfpv.wordpress.com
hldyrhts on 2026.03.06 at 15:43 said:

https://kddvjdpfpv.wordpress.com
dwzjswjd on 2026.03.06 at 16:30 said:

https://kddvjdpfpv.wordpress.com
norjpyzf on 2026.03.06 at 18:42 said:

https://repcgifctk.wordpress.com
zawllifc on 2026.03.06 at 19:03 said:

https://repcgifctk.wordpress.com
skpkojbn on 2026.03.06 at 19:23 said:

https://repcgifctk.wordpress.com
grekzmrz on 2026.03.06 at 20:44 said:

https://kustcdxijq.wordpress.com
wovopbca on 2026.03.06 at 22:09 said:

https://kustcdxijq.wordpress.com
xjnizuiw on 2026.03.06 at 23:48 said:

https://sqhfdjrquq.wordpress.com
uhaexpcb on 2026.03.07 at 0:50 said:

https://sqhfdjrquq.wordpress.com
olubpqxl on 2026.03.07 at 1:20 said:

https://yajxkakytu.wordpress.com
pvzbmbbt on 2026.03.07 at 2:18 said:

https://yajxkakytu.wordpress.com
yxesgoii on 2026.03.07 at 5:32 said:

https://giidetrszs.wordpress.com
ocalaorw on 2026.03.07 at 5:54 said:

https://giidetrszs.wordpress.com
zlnjupsj on 2026.03.07 at 6:13 said:

https://giidetrszs.wordpress.com
sjpzbopn on 2026.03.07 at 6:36 said:

https://svyuirxpae.wordpress.com
kousyhxp on 2026.03.07 at 6:40 said:

https://svyuirxpae.wordpress.com
gaauvaez on 2026.03.07 at 8:07 said:

https://svyuirxpae.wordpress.com
pfgqvhte on 2026.03.07 at 9:48 said:

https://xsvpzkiyje.wordpress.com
doarinrh on 2026.03.07 at 9:55 said:

https://xsvpzkiyje.wordpress.com
ksqaiiki on 2026.03.07 at 9:55 said:

https://xsvpzkiyje.wordpress.com
fcaursek on 2026.03.07 at 12:27 said:

https://rjiurxiwgv.wordpress.com
dhehtuil on 2026.03.07 at 14:35 said:

https://rjiurxiwgv.wordpress.com
dlfqlnoq on 2026.03.07 at 15:03 said:

https://rjiurxiwgv.wordpress.com
wobeshfb on 2026.03.07 at 15:42 said:

https://gszvkhzgci.wordpress.com
loymppvy on 2026.03.07 at 18:04 said:

https://gszvkhzgci.wordpress.com
tzbhdqur on 2026.03.07 at 18:06 said:

https://gszvkhzgci.wordpress.com
wkmrfhuo on 2026.03.07 at 18:30 said:

https://uawujitxay.wordpress.com
zbxfueiv on 2026.03.07 at 19:13 said:

https://uawujitxay.wordpress.com
cbyogwbf on 2026.03.07 at 20:43 said:

https://uawujitxay.wordpress.com
hkmdhkdv on 2026.03.07 at 21:26 said:

https://kpxrhsvrar.wordpress.com
nacgbygr on 2026.03.07 at 22:44 said:

https://kpxrhsvrar.wordpress.com
bilodzne on 2026.03.08 at 0:34 said:

https://htriehhxdy.wordpress.com
fmgcodug on 2026.03.08 at 1:53 said:

https://htriehhxdy.wordpress.com
tmlhuycb on 2026.03.08 at 2:24 said:

https://htriehhxdy.wordpress.com
utramody on 2026.03.08 at 3:59 said:

https://zgppvridtq.wordpress.com
annojpka on 2026.03.08 at 4:09 said:

https://zgppvridtq.wordpress.com
kpgpkppx on 2026.03.08 at 4:47 said:

https://zgppvridtq.wordpress.com

99 thoughts on “LESS CSS clearfix”

Leave a Reply Cancel reply