Adaptive Höhe der Elemente

Höhenanpassung von Elementen

Manchmal muss die Höhe des Webseitenlayouts entsprechend dem Inhalt angepasst werden, sodass dies nicht behoben werden kann. Heute werden wir über die minimale Höhenanpassung sprechen

Attribut: min-height ist die minimale Höhe, aber IE6 erkennt dieses Attribut nicht. Height ähnelt dem min-height-Attribut in IE6.

Das Folgende ist eine Möglichkeit, das BUG-Problem zu lösen:

hack1: min-height:value; _height :value; (IE6 kann Unterstriche „_“ und Sternchen „*“ erkennen, IE7 kann Sternchen „*“ erkennen, aber Unterstriche „_“ nicht und Firefox kann es nicht erkennen beides)

hack2 ：min-height:value; _height:auto !important; height:value;(empfohlen)

min-height minimale Höhe

max-height Maximum Höhe

min -width minimale Breite

max-width maximale Breite

Die Höhe des schwebenden Elements ist adaptiv

If Für das übergeordnete Element sind keine Höhe und Breite festgelegt. Wenn ein schwebendes Element enthalten ist, wird seine Höhe reduziert. Das Problem der Höhenreduzierung lässt sich ganz einfach lösen. Sie können das übergeordnete Element schweben lassen, die Methode löschen usw. und Sie können

Hack1: Float zum übergeordneten Element hinzufügen. Attribut: float;

Hack2: Attribut zum übergeordneten Element hinzufügen: overflow: versteckt; leeres div unter dem schwebenden Element und füge Attribut zu diesem Element hinzu: klar: beide; Überlauf: versteckt

hack3: Füge diese Anweisung zum übergeordneten Element hinzu (empfohlen)

Übergeordnetes Element element: after{content: „.“; display: block; overflow:hidden;