So legen Sie die Mindesthöhe von CSS in Firefox und IE6 fest

Dieser Artikel stellt hauptsächlich vor, wie man die Mindesthöhe von CSS in Firefox und IE6 festlegt. Jetzt kann ich ihn mit Ihnen teilen

Im Webseitenlayout Sie werden auf das Problem stoßen, die Mindesthöhe von CSS in Firefox und IE6 festzulegen. Freunde, die mehr wissen möchten, können sich auf

beziehen. IE6 unterstützt keine Mindesthöhe in CSS Muss separat eingestellt werden. Die Höhe wird in IE6 automatisch erweitert, auch wenn sie die feste Höhe überschreitet. Dieses Problem ist sehr verwirrend.

#main{ 　　　　 
　　　　min-height:320px; //用于firefox 
　　　　_height:320px; //用于IE6 
}

Beim Festlegen der Mindesthöhe eines bestimmten Bereichs , die Leistung ist in Firefox, IE6 und IE7 unterschiedlich. Wenn Sie nur den Mindesthöhenwert festlegen, wird dieser in IE6 nicht erkannt. Wenn Sie jedoch den Höhenwert festlegen, wird die Position in IE7 und Firefox festgelegt. Das ist ein großes Problem. Wie können wir also das Problem der Mindesthöhe lösen, um verschiedene Browser und verschiedene Versionen zu koordinieren?

Ich habe im Internet nach relevanten Informationen gesucht und es gibt eine bessere Lösung:

.distance { 
height:auto!important; 
height:100px; 
min-height:100px; 
}

Das Import-Tag (Priorität) wird in IE6 nicht erkannt, daher wird es in IE6 der obige Code sein wird verstanden als:

height:100px; 
min-height:100px;

und in IE7 ist es:

height:auto; 
min-height:100px;

Hier verwenden wir folgende Funktionen:
IE6 kann das !important-Tag nicht erkennen;
IE6 kann das nicht identifizieren min-height-Tag;
Der endgültige Effekt des height-Tags in IE6 entspricht dem minimalen Höhen-Tag (min-height) in IE7- und Firefox-Browsern
Endlich kann das obige Problem gelöst werden.

Eine andere Methode: (Ich kann das nicht verstehen, aber sie kann verwendet werden)

.autoheight{ min-height:200px; height:200px;} 
[class].autoheight{height:auto;}

Das Obige ist der gesamte Inhalt dieses Artikels, ich hoffe, dass er für das Lernen aller hilfreich sein wird. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website!

Verwandte Empfehlungen:

Vier Codeeinstellungen für CSS zum Implementieren des Hintergrundverlaufs einer Webseite

So lösen Sie das Problem von Direkter Zugriff nach Webpack-Paketierung Fehler beim Seitenbildpfad

Das obige ist der detaillierte Inhalt vonSo legen Sie die Mindesthöhe von CSS in Firefox und IE6 fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!