Explication détaillée de la façon de contrôler la largeur/hauteur maximale et la largeur/hauteur minimale d'un div à l'aide de CSS

Dans production de pages Web il est souvent nécessaire de contrôler la largeur p, la largeur/hauteur maximale ou la largeur/hauteur minimale, mais dans IE6, de nombreux amis rencontreront des problèmes d'incompatibilité, notamment Je rencontre souvent ce problème. J'ai beaucoup cherché sur Baidu mais je n'ai pas pu le résoudre. Plus tard, j'en ai entendu parler sur un forum. J'aimerais partager avec vous le style CSS3 . Le code Time est entièrement compatible avec tous les principaux navigateurs grand public.

* largeur minimale*/

.min_width{min-width:300px;
/* définit la largeur maximale pour IE */
_width:expression(document .body.clientWidth < 300 ? "300px" : "auto");
}

/* Largeur maximale*/
.max_width{
largeur-max:600px;
/* définit la largeur maximale pour IE */
_width:expression(document.body.clientWidth > 600 ? "600px" : "auto");
}

/* Hauteur minimale */
.min_height{
min-height:200px;
/* définit la hauteur minimale pour IE */
_height:expression(this.scrollHeight < 200 ? "200px" : "auto ");
}

/* Hauteur maximale*/
.max_height{
max-height:400px;
/* définit la hauteur maximale pour IE */
_height:expression(this.scrollHeight > 400 ? "400px" : "auto");
}

/* Largeur maximale et minimale */
.min_and_max_width{
min-width:300px;
max-width:600px;
/* définit la largeur min et la largeur maximale pour IE */
_width: expression(
document.body.clientWidth < ; 300 ? "300px" :
( document.body.clientWidth > 600 ? "600px" : "auto")
);
}

/* Hauteur maximale et minimale */
.min_and_max_height{
min-height:200px;
max-height:400px;
/* définit la hauteur min et la hauteur max pour IE */
_height: expression( this.scrollHeight <

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!