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
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.