Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Adaptive Höhe der Elemente

高洛峰
Freigeben: 2016-10-09 14:05:46
Original
1361 Leute haben es durchsucht

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;

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage