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”

vrjjghrq on 2026.04.04 at 20:54 said:

https://rzyagpqmfu.wordpress.com
xwuoordr on 2026.04.04 at 23:13 said:

https://hdvbdoihfh.wordpress.com
bgmfdmoz on 2026.04.05 at 1:31 said:

https://hdvbdoihfh.wordpress.com
stwytlqx on 2026.04.05 at 3:18 said:

https://tntvgdepwl.wordpress.com
xajnaqni on 2026.04.05 at 6:15 said:

https://tntvgdepwl.wordpress.com
lkdtcbvf on 2026.04.05 at 9:15 said:

https://tkygkspzem.wordpress.com
luwurwyq on 2026.04.05 at 12:11 said:

https://wukuelmgsn.wordpress.com
cvnkrxyp on 2026.04.05 at 12:42 said:

https://wukuelmgsn.wordpress.com
efkbsdup on 2026.04.05 at 14:57 said:

https://wukuelmgsn.wordpress.com
bppiuutq on 2026.04.05 at 17:22 said:

https://fszzejcvcq.wordpress.com
rvcxfkwl on 2026.04.05 at 17:38 said:

https://fszzejcvcq.wordpress.com
ecaybyny on 2026.04.05 at 17:58 said:

https://fszzejcvcq.wordpress.com
pbjuwqyh on 2026.04.06 at 18:31 said:

http://perfectbuilding.ru/user/aliciagreen/
dokikugh on 2026.04.06 at 19:22 said:

http://perfectbuilding.ru/user/aliciagreen/
unqgcmfy on 2026.04.06 at 20:05 said:

http://perfectbuilding.ru/user/aliciagreen/
brvynxrb on 2026.04.15 at 15:29 said:

https://justpaste.me/Clve4
tziupsxc on 2026.04.15 at 16:05 said:

https://justpaste.me/Clve4
zrbzdced on 2026.04.15 at 17:07 said:

https://justpaste.me/Clve4
euyycnbx on 2026.04.21 at 2:33 said:

https://poppersme.wordpress.com/
tfyiyhjs on 2026.04.21 at 3:47 said:

https://poppersme.wordpress.com/
pfyrsqhs on 2026.04.23 at 11:01 said:

https://macuisineturque.fr/author/lily25/

321 thoughts on “LESS CSS clearfix”

Leave a Reply Cancel reply