Heim  >  Artikel  >  Web-Frontend  >  Ausführliche Erklärung, wie man die maximale Breite/Höhe und minimale Breite/Höhe von div mithilfe von CSS steuert

Ausführliche Erklärung, wie man die maximale Breite/Höhe und minimale Breite/Höhe von div mithilfe von CSS steuert

高洛峰
高洛峰Original
2017-03-17 14:25:371808Durchsuche

Bei der Webseitenerstellung ist es oft notwendig, die p-Breite, die maximale Breite/Höhe oder die minimale Breite/Höhe zu kontrollieren, aber in IE6 werden viele Freunde auf Inkompatibilitätsprobleme stoßen, einschließlich Ich stoße oft auf dieses Problem. Ich habe viel auf Baidu gesucht, konnte es aber später in einem Forum nicht lösen Code ist vollständig kompatibel mit allen gängigen Mainstream-Browsern. * minimale Breite*/

.min_width{min-width:300px;

/* legt die maximale Breite für IE fest */
_width:expression(document .body.clientWidth < 300 ? "300px" : "auto");

}


/* Maximale Breite*/
.max_width{
max-width:600px;
/* legt die maximale Breite für IE fest */
_width:expression(document.body.clientWidth > 600 ? "600px" : "auto");
}

/* Mindesthöhe */
.min_height{
min-height:200px;
/* legt die Mindesthöhe für IE fest */
_height:expression(this.scrollHeight < 200 ? "200px" : "auto ");
}

/* Maximale Höhe*/
.max_height{

max-height
:400px;
/* legt die maximale Höhe fest für IE */
_height:expression(this.scrollHeight > 400 ? "400px" : "auto");}
/* Maximale und minimale Breite */
.min_and_max_width{
min-width:300px;
max-width:600px;
/* legt min-width und max-width für IE fest */
_width: expression(
document.body.clientWidth < ;300 ? "300px" :
( document.body.clientWidth > 600 ? "600px" : "auto")
);
}

/* Maximale und minimale Höhe */
.min_and_max_height{
min-height:200px;
max-height:400px;
/* legt min-height und max-height für IE fest */
_height: expression(
this.scrollHeight < 200 ? "200px" :
( this.scrollHeight > 400 ? "400px" : "auto")
);
}

Das obige ist der detaillierte Inhalt vonAusführliche Erklärung, wie man die maximale Breite/Höhe und minimale Breite/Höhe von div mithilfe von CSS steuert. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn