DIV CSS-Webseitenlayout Die wunderbare Verwendung der Mindesthöhe (Min-Höhe)_Erfahrungsaustausch

Unter der Annahme, dass es zwei BOX gibt, muss die Mindesthöhe 150PX betragen.
CSS
div.box1,div.box2{
Breite: 300px;
Hintergrund: #EEE;
Rand -right: 20px;
}
xhtml

Die Mindesthöhe wird im IE nicht auf 150 Pixel eingehalten

Die Mindesthöhe kann auf die Mindesthöhe von a eingestellt werden BOX, wenn ihr Inhalt Manchmal kann die Höhe der BOX konstant gehalten werden

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
* html div.box1,* html div.box2{height: 150px;}
Die Lösung für wellstyled.com ist die Verwendung von CSS-Attributauswahl-Attributselektoren
div.box1,div.box2{ ......height: 150px;}
/* IE verlässt sich darauf, um die Mindesthöhe beizubehalten, und wird automatisch nach unten erweitert, wenn sie diese überschreitet*/
div[class].box1,div[class].box2{height: auto;}
/* DIV-Objekt mit Klassenselektor-(Klassen-)Attribut*/
IE unterstützt es natürlich nicht, Opera und Mozilla unterstützen es , diese Höhe lesen. 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.