CSS-Tipps: Über CSS-Hack und Float-Closure

Autor：Eve Cole Aktualisierungszeit：2010-02-23 11:05:10

1. CSS-HACK

Die folgenden beiden Methoden können heute fast alle HACKs lösen.

1. !wichtig

Da IE7 !important unterstützt, zielt die !important-Methode jetzt nur noch auf den HACK von IE6 ab. (Hinweis zum Schreiben: Denken Sie daran, dass die erklärte Position im Voraus angegeben werden muss.)

#Verpackung
{
Breite: 100px!wichtig;
Breite: 80px;
}

2. IE6/IE77 zu Firefox

*+html und *html sind IE-spezifische Tags und werden von Firefox noch nicht unterstützt. Und *+html ist ein eindeutiges Tag für IE7.

#Verpackung
{
#wrapper {Breite: 120px};
*html #wrapper { width: 80px;}
*+html #wrapper { width: 60px;}
}

Beachten:

*+html HACK für IE7 muss sicherstellen, dass oben im HTML die folgende Anweisung steht:

2. Schwimmer geschlossen (freier Schwimmer)

Fügen Sie den folgenden Code zu Global CSS hinzu und fügen Sie class="clearfix" zum Div hinzu, das geschlossen werden muss. Es funktioniert jedes Mal.

.clearfix:nachher
{
Inhalt:".";
Anzeige:Block;
Höhe:0;
klar:beide;
Sichtbarkeit:versteckt;
}
.clearfix
{
display:inline-block;
}
.clearfix {display:block;}