Heim >Web-Frontend >HTML-Tutorial >CSS-Steuerelement Div-Breite, maximale Breite/Höhe und minimale Breite/Höhe

CSS-Steuerelement Div-Breite, maximale Breite/Höhe und minimale Breite/Höhe

WBOY
WBOYOriginal
2016-10-12 09:50:131423Durchsuche
Bei der Webseitenproduktion ist es oft notwendig, die maximale Breite/Höhe oder minimale Breite/Höhe von div zu steuern, aber im IE6 werden viele Freunde mit Inkompatibilitätsproblemen konfrontiert sein, darunter auch ich Ich bin oft auf dieses Problem gestoßen, konnte es aber nicht lösen. Später habe ich in einem Forum davon erfahren. Ich möchte den Code im CSS3-Stil mit Ihnen teilen . Time ist vollständig kompatibel mit allen gängigen Mainstream-Browsern. * Mindestbreite */
.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 für IE fest */
_height:expression(this.scrollHeight > 400 ? "400px" : "auto ");
}

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

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




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