Detaillierte Erläuterung von CSS-Kompatibilitätsbeispielen für z. B

1. Wenn Sie die Seitenleiste erstellen, schweben Sie die Elemente im Li. Es wird eine 4px-Lücke zwischen dem Li unter ie6/7 geben:

Lösung: Fügen Sie das Attribut „Vertical-Align“ unter li hinzu. Der Wert kann „oben“, „unten“, „mitte“ sein : Das Vertical-Align-Attribut ist vertikal zentriert und wird im Allgemeinen in Verbindung mit Table-Cell verwendet. Es gibt jedoch keine Lösung für die Kompatibilität mit ie6/7.

2. Hinweis: Nach dem Floaten des Elements wird margin-bottom unter IE6/7 ungültig während des Entwicklungsprozesses - Verwendung von unten.

3. Clear Floating Clearfix (angeblich die fortschrittlichste Methode in der Geschichte, kompatibel mit IE):

. clearfix:after{

content=““;

display:block;

height :0;

line-height:0px;

clear:both;

Sichtbarkeit :hidden;

}

.clearfix{

zoom:1;

}

Ich werde das heute klären und es später langsam verbessern, hehe...

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung von CSS-Kompatibilitätsbeispielen für z. B. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!