Explication détaillée des exemples de compatibilité CSS pour ie

1. Lors de la création de la barre latérale, faites flotter les éléments dans le li. Il y aura un écart de 4 pixels entre le li sous ie6/7 :

Solution : Ajoutez un attribut d'alignement vertical sous li, la valeur peut être en haut, en bas, au milieu

Extension ; : L'attribut vertical-align est centré verticalement, généralement utilisé avec table-cell, mais il n'existe aucune solution pour la compatibilité avec ie6/7.

2. Remarque : Une fois l'élément flottant, margin-bottom deviendra invalide sous IE6/7, veuillez faire attention à la marge ; pendant le processus de développement -Utilisation du fond.

3. Effacer le clearfix flottant (considéré comme la méthode la plus avancée de l'histoire, compatible avec IE) :

.clearfix:after{

content="";

display:block;

hauteur :0;

hauteur de ligne:0px;

clair: les deux;

visibilité :cachée;

}

.clearfix{

zoom:1;

}

Je vais régler ça aujourd'hui et l'améliorer lentement plus tard, hehe...

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!