L'utilisation merveilleuse de la hauteur minimale dans la mise en page CSS - la hauteur minimale peut définir la hauteur minimale d'une BOX. Lorsque le contenu est petit, la hauteur de la BOX peut également être maintenue constante, et elle s'étendra automatiquement vers le bas si elle dépasse le minimum. hauteur. Vous pouvez définir la hauteur minimale d'une BOX. La hauteur minimale, lorsqu'il y a moins de contenu, peut maintenir la hauteur de la BOX à un certain niveau. Si elle dépasse la hauteur, elle s'étendra automatiquement vers le bas. seuls Opera et Mozilla le prennent en charge. IE7 a également commencé à le prendre en charge, mais IE7 est en phase de test, etc. Cela peut prendre beaucoup de temps pour que la version officielle soit publiée auprès du grand public, à moins que MS ne l'associe à un certain. système d'exploitation, comment la hauteur minimale peut-elle être utilisée de manière raisonnable et efficace sur la base existante (IE6 80-90 %) ?
En supposant qu'il y ait deux BOX, nous avons besoin que sa hauteur minimale soit de 150PX.
CSS
Voici une citation :
Voici le contenu cité : div.box1,div.box2{ xhtml |
Voici une citation :
L'effet actuel est que la hauteur minimale n'est pas maintenue à 150 px dans IE.
solution
Définir une hauteur pour IE
Voici une citation :
* html div.box1,* html div.box2{hauteur : 150 px ;}
La solution de wellstyled.com consiste à utiliser des sélecteurs d'attributs CSS (sélecteurs d'attributs)
Voici une citation :
div.box1,div.box2{......hauteur : 150 px ;}
/* IE s'appuie sur cela pour maintenir une hauteur minimale, et s'étendra automatiquement vers le bas s'il la dépasse */
div[classe].box1,div[classe].box2{hauteur : auto ;}
/* Objet DIV avec attribut sélecteur de classe (class) */
Naturellement, IE ne le prend pas en charge. Opera et Mozilla ne prennent pas en charge la lecture de cette hauteur. Occasions applicables : recherche, article et autres pages (100 % de hauteur n'est pas utilisée, de sorte que lorsque le contenu trouvé est inférieur, la page ne sera pas trop courte).