🥇 Hack de micro clearfix CSS

Obrigado a <a href=” http://nicolasgallagher.com/micro-clearfix-hack/”> Nicolas Gallagher </a> por este.

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    *zoom:1;
}

Bônus, minha versão MENOS:

.cf {
    *zoom:1;
    &:before, &:after {
        content:"";
        display:table;
    }
    &:after { clear:both; }
}

Aviso: Não é totalmente compatível com IE6 / 7, mas quem se importa.

Related Posts