Comment définir la hauteur minimale du CSS dans Firefox et IE6

Cet article présente principalement comment définir la hauteur minimale du CSS dans Firefox et IE6. Il a une certaine valeur de référence. Maintenant, je le partage avec vous. Les amis dans le besoin peuvent s'y référer

Dans la mise en page Web. Vous rencontrerez le problème de la définition de la hauteur minimale de CSS dans Firefox et IE6. Cet article fournira des solutions. Les amis qui ont besoin d'en savoir plus peuvent se référer à

IE6 ne prend pas en charge la hauteur minimale en CSS, donc IE6. doit être défini séparément. Même si la hauteur dépasse la hauteur fixe dans IE6, elle s'étendra automatiquement dans IE6. Ce problème est très déroutant

#main{ 　　　　 
　　　　min-height:320px; //用于firefox 
　　　　_height:320px; //用于IE6 
}

Lors de la définition de la hauteur minimale d'un. certaine zone à une certaine valeur, les performances sont différentes dans Firefox, IE6 et IE7. Si vous définissez uniquement la valeur min-height, elle ne sera pas reconnue dans IE6 mais si vous définissez la valeur de hauteur, la position sera corrigée dans IE7 et Firefox. C'est un gros problème. Alors, afin de coordonner les différents navigateurs et les différentes versions, comment pouvons-nous résoudre le problème de la hauteur minimale ?

J'ai recherché des informations pertinentes sur Internet, et il existe une meilleure solution :

.distance { 
height:auto!important; 
height:100px; 
min-height:100px; 
}

La balise d'importation (priorité) n'est pas reconnue dans IE6, donc ce qui précède dans IE6 ! Le code sera compris comme :

height:100px; 
min-height:100px;

et dans IE7 c'est :

height:auto; 
min-height:100px;

Ici, la fonctionnalité dont nous profitons est :
IE6 ne reconnaît pas le !important tag ;
IE6 ne peut pas reconnaître la balise min-height ;
L'effet final de la balise height dans IE6 est équivalent à la balise de hauteur minimale (min-height) dans les navigateurs IE7 et Firefox
Enfin ; cela peut résoudre les problèmes ci-dessus.

Une autre méthode : (je ne comprends pas cela, mais elle peut être utilisée)

.autoheight{ min-height:200px; height:200px;} 
[class].autoheight{height:auto;}

Ce qui précède est l'intégralité du contenu de cet article, j'espère qu'il sera utile à tout le monde. Pour plus de contenu connexe, veuillez suivre le site Web PHP chinois !

Recommandations associées :

Quatre paramètres de code pour CSS pour implémenter le dégradé d'arrière-plan des pages Web

Comment résoudre le problème de accès direct après l'empaquetage du webpack Erreur de chemin d'image de la page

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!