Die wunderbare Verwendung der Mindesthöhe im CSS-Layout – die Mindesthöhe kann die Mindesthöhe einer BOX festlegen. Wenn der Inhalt klein ist, kann die Höhe der BOX auch konstant gehalten werden, und sie wird automatisch nach unten erweitert, wenn sie das Minimum überschreitet Sie können die Mindesthöhe einer BOX festlegen. Wenn der Inhalt geringer ist, wird die Höhe der BOX automatisch nach unten verschoben. Nur Opera und Mozilla unterstützen es ebenfalls, aber IE7 befindet sich in der Testphase usw. Es kann lange dauern, bis die offizielle Version für die breite Öffentlichkeit freigegeben wird, es sei denn, MS bündelt sie Betriebssystem, wie kann die Mindesthöhe auf der bestehenden Basis (IE6 80-90 %) sinnvoll und effektiv genutzt werden?
Unter der Annahme, dass es zwei BOX gibt, muss die Mindesthöhe 150PX betragen.
CSS
Hier ein Zitat:
Nachfolgend der zitierte Inhalt: div.box1,div.box2{ xhtml |
Hier ein Zitat:
<div>Die Mindesthöhe beträgt im IE nicht 150 Pixel</div>
<div>Minimum height kann die Mindesthöhe einer BOX festlegen. Wenn der Inhalt klein ist, kann die Höhe der BOX auch konstant gehalten werden</div>
Der aktuelle Effekt besteht darin, dass die Mindesthöhe im IE nicht bei 150 Pixel gehalten wird.
Lösung
Legen Sie eine Höhe für IE fest
Hier ein Zitat:
* html div.box1,* html div.box2{height: 150px;}
Die Lösung von wellstyled.com besteht darin, CSS-Attributselektoren (Attribute Selectors) zu verwenden.
Hier ein Zitat:
div.box1,div.box2{......height: 150px;}
/* IE verlässt sich darauf, um eine Mindesthöhe beizubehalten, und wird automatisch nach unten erweitert, wenn diese überschritten wird */
div[class].box1,div[class].box2{height: auto;}
/* DIV-Objekt mit Klassenselektor-Attribut (Klasse) */
Natürlich unterstützen IE und Mozilla das Lesen dieser Höhe nicht. Anwendbare Gelegenheiten: Suche, Artikel und andere Seiten (100 % Höhe wird nicht verwendet, damit die Seite nicht zu kurz wird, wenn der gefundene Inhalt geringer ist).