Consejos de CSS: acerca del cierre de CSS Hack y Float

Autor：Eve Cole Fecha de actualización：2010-02-23 11:05:10

1. Hackear CSS

Los dos métodos siguientes pueden resolver casi todos los HACK actuales.

1. !importante

Con el soporte de IE7 para !important, el método !important ahora solo apunta al HACK de IE6. (Nota al escribir: recuerde que la posición declarada debe indicarse con antelación).

#envoltura
{
ancho: 100px!importante;
ancho: 80px;
}

2. IE6/IE77 a Firefox

*+html y *html son etiquetas específicas de IE y Firefox aún no las admite. Y *+html es una etiqueta única para IE7.

#envoltura
{
#envoltorio { ancho: 120px }
*html #wrapper { ancho: 80px;}
*+html #wrapper { ancho: 60px;}
}

Aviso:

*+html HACK para IE7 debe asegurarse de que exista la siguiente declaración en la parte superior del HTML:

2. flotador cerrado (flotador transparente)

Agregue el siguiente código a Global CSS y agregue class="clearfix" al div que debe cerrarse. Funciona siempre.

.clearfix:después
{
contenido:".";
mostrar:bloquear;
altura: 0;
claro: ambos;
visibilidad: oculta;
}
.clearfix
{
pantalla: bloque en línea;
}
.clearfix {display:bloquear;}