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;