Dicas de CSS: sobre CSS Hack e Float Closure

Autor：Eve Cole Data da Última Atualização：2010-02-23 11:05:10

1. HACK DE CSS

Os dois métodos a seguir podem resolver quase todos os HACKs atuais.

1. !importante

Com o suporte do IE7 para !important, o método !important agora tem como alvo apenas o HACK do IE6. (Nota por escrito: lembre-se de que a posição declarada precisa ser declarada antecipadamente.)

#wrapper
{
largura: 100px!importante;
largura: 80px;
}

2. IE6/IE77 para FireFox

*+html e *html são tags específicas do IE e ainda não são suportadas pelo Firefox. E *+html é uma tag exclusiva para o IE7.

#wrapper
{
#wrapper {largura: 120px;
*html #wrapper { largura: 80px;}
*+html #wrapper { largura: 60px;}
}

Perceber:

*+html HACK para IE7 deve garantir que haja a seguinte instrução no topo do HTML:

2. flutuador fechado (flutuador transparente)

Adicione o seguinte código ao Global CSS e adicione class="clearfix" ao div que precisa ser fechado.

.clearfix:depois
{
contente:".";
exibição: bloco;
altura:0;
claro: ambos;
visibilidade:oculto;
}
.clearfix
{
display: bloco embutido;
}
.clearfix {display: bloco;}