Heim >Web-Frontend >CSS-Tutorial >Ausführliche Erklärung, wie man die maximale Breite/Höhe und minimale Breite/Höhe von div mithilfe von CSS steuert
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!