Zunächst wissen wir, dass dieser Effekt ein altes Thema sein sollte.
Beim heutigen Sortieren von Dateien stellte ich fest, dass einige meiner vorherigen Layout -Lösungen seit langem im Ordner liegen. Schauen wir durch die alten.
Es ist zu beachten, dass ich das Glück habe, den alten Ingenieur und Webmaster von CSSSPlay diesen Effekt zu erzielen zu sehen, und er muss sehr früh gegeben worden sein.
Weniger Klatsch, Quellcode hinzufügen:
Trigger und nutzen Sie die seltsamen Funktionen von IE6-Layout, CSS-Implementierung:
<style type = text/css>
.ie6-out {
_margin-links: 900px;
_zoom: 1;
}
.ie6-in {
_position: relativ;
_float: links;
_margin-links: -900px;
}
#Min-Width {
Min-Width: 900px;
Hintergrund: #CCC;
Zeilenhöhe: 200px;
_zoom: 1;
}
</style>
<div class = ie6-out>
<div class = ie6-in>
Unter <div id = min-width> ie6- realisiert der Container die Simulation des Min-Breiten-Effekts. Bitte ändern Sie die Browser -Fenstergröße nach Belieben und klicken Sie dann auf die Schaltfläche, um die Breite anzuzeigen. </div>
</div>
</div>
CSS -Implementierungsdemonstration:
Führen Sie die Codebox aus
[Strg A Alle Auswahltipps: Sie können zuerst einen Code ändern und dann Run drücken]
Erweiterte Demo:
Führen Sie die Codebox aus
[Strg A Alle Auswahltipps: Sie können zuerst einen Code ändern und dann Run drücken]
CSS -Ausdruck
-Ich glaube, dass viele Menschen oft durch unerklärliche Abstürze beunruhigt sind, wenn diese Methode verwendet werden, um die minimale Breite des Behälters zu erreichen, und oft fruchtlos enden.
Es gibt zwei Punkte, die darauf hingewiesen werden müssen:
1. Die Elemente, die das Ansichtsfenster in IE6- im Standardmodus und im Quirk-Modus darstellen. Ersteres ist <html> und letzteres ist <body>;
2. IE6-In die obigen zwei verschiedenen Modi, seine unterschiedlichen Manifestationen, wenn der Inhalt überläuft, was zu einer toten Schleife im Zuordnungsurteil führt. Es ist ein bisschen ausführlich zu erklären. Lassen Sie uns es selbst üben.
Der CSS -Ausdruck implementiert den Quellcode der minimalen Breite: <Stiltyp = Text/CSS>
Körper {Text-Align: Mitte;}
#Min-Width {
Min-Width: 900px;
_width: expression ((document.documentElement.clientwidth || document.body.clientwidth) <900? 900px :);
Zeilenhöhe: 200px;
Hintergrund: #CCC;
}
</style>
Unter <div id = min-width> ie6- realisiert der Container die Simulation des Min-Breiten-Effekts. Bitte ändern Sie die Browser -Fenstergröße nach Belieben und klicken Sie dann auf die Schaltfläche, um die Breite anzuzeigen. </div>
Demo:
Führen Sie die Codebox aus
[Strg A Alle Auswahltipps: Sie können zuerst einen Code ändern und dann Run drücken]
Die beiden oben genannten Lösungen können sowohl im IE6-Standardmodus als auch im Quirk-Modus implementiert werden. IE -Ausdruck hat in dieser Anwendung keine CPU -Effizienzprobleme gefunden.