Disposition des pages Web DIV CSS L'utilisation merveilleuse de la hauteur minimale (min-height)_Échange d'expériences

En supposant qu'il y ait deux BOX, nous avons besoin que sa hauteur minimale soit de 150PX.
CSS
div.box1,div.box2{
largeur : 300px;
hauteur min : 150px
arrière-plan : #EEE
float : gauche ; -right: 20px;
}
xhtml

La hauteur minimale n'est pas maintenue à 150px dans IE

La hauteur minimale peut être définie sur la hauteur minimale d'un BOX, quand son contenu Parfois, la hauteur de la BOX peut être maintenue constante

L'effet actuel est que la hauteur minimale n'est pas maintenue à 150px dans IE.
Solution
Définissez une hauteur pour IE
* html div.box1,* html div.box2{height: 150px;}
La solution pour wellstyled.com consiste à utiliser la sélection d'attribut CSS Sélecteurs d'attribut
div.box1,div.box2{ ......hauteur : 150px;}
/* IE s'appuie sur cela pour maintenir la hauteur minimale, et il s'étendra automatiquement vers le bas s'il la dépasse*/
div[class].box1,div[class].box2{height: auto;}
/* Objet DIV avec attribut sélecteur de classe (class)*/
IE ne le prend naturellement pas en charge, supporte Opera et Mozilla , en lisant cette hauteur. Occasions applicables : recherche, article et autres pages (la hauteur de 100 % n'est pas utilisée, de sorte que lorsque le contenu trouvé est inférieur, la page ne sera pas trop courte.