Micro-Clearfix?

[dhg]

Need to test the micro-clearfix across browsers. If it works, it will be a more lightweight solution that I would love to use! (http://nicolasgallagher.com/micro-clearfix-hack/)

Originally suggested by Necolas (https://github.com/necolas)

[Calvein]

It works well, it's used on HTML5 Boilerplate too (Necolas is a part of H5BP).

[dhg]

Awesome. That sounds like a winner then. I already have it in my local code and just need to quickly test it before I push live. Will probably be out in the next day :)

Cheers!

[dhg]

Hey -

Are there are advantages to using this updated clearfix method? I'm looking at my existing one and the "updated" version and it seems like the primary difference is just a display: table instead of block (which means I can remove explicity width: 0; height: 0;).

It's possible I am missing a huge advantage to the switch, but for now the different in length is three lines of CSS...does the render actually change or get any advantage?

Thanks again for your contribution!

Cheers!

[dhg]

Continued to play with the micro clearfix and found no real advantage (besides 2 lines of removed CSS). Will continue to use the existing clearfix method unless somebody has an awesome reason to change (in which case I would love to chat about it).

Cheers