Heim  >  Artikel  >  Web-Frontend  >  Zusammenfassung der HTML-Mindesthöhennutzung

Zusammenfassung der HTML-Mindesthöhennutzung

巴扎黑
巴扎黑Original
2017-06-07 16:51:153255Durchsuche

Das Attribut

min-height legt die Mindesthöhe des Elements fest. Dieser Attributwert legt eine Mindestgrenze für die Höhe des Elements fest. Daher kann das Element höher als der angegebene Wert sein, aber nicht kürzer als dieser. Negative Werte sind nicht zulässig.

Nachfolgend fassen wir die Verwendung von min-height zusammen:

1.Die Eigenschaften min-height und max-height in CSS

Warum tun wir Sollen die Stileigenschaften „Min-Height“ und „Max-Height“ verwendet werden?

Erklärung, wo CSS-Mindesthöhe angewendet werden soll

Manchmal richten wir eine Objektbox ein, um zu verhindern, dass das Objekt geöffnet werden kann, wenn es keinen Inhalt hat, der Inhalt aber nicht bestimmt werden kann. Daher kann die Höhe nicht festgelegt werden. In diesem Fall benötigen Sie CSS, um die Mindesthöhe festzulegen, um die Objektbox anzuheben. Wenn der Inhalt klein ist, kann die Mindesthöhe den Inhalt anzeigen. Wenn der Inhalt größer als die Mindesthöhe ist, wird das Objekt mit zunehmendem Inhalt größer.

Zusammenfassung der HTML-Mindesthöhennutzung

2.Hinweise zur Mindesthöhe

Methode 1:
Mindesthöhe:160px; Die Mindesthöhe gilt für Firefox und IE7+. Stellen Sie die Höhe des Objektfelds ohne automatische Positionierung ein die Objekthöhe, aufgrund der Verwendung des !important-Attributs wird dieses Attribut nur von IE6 erkannt.

Zusammenfassung der HTML-Mindesthöhennutzung3.

IE6 unterstützt keine perfekten Lösungen wie min-height oder max-width_html/css_WEB-ITnose

wieder Das ist es IE6! ! ! Der lästige IE6 unterstützt keine Mindesthöhe, aber im tatsächlichen Betrieb ist dieses Attribut dringend erforderlich. Wie implementiert man es also unter IE6? Bitte sehen Sie sich die perfekte Lösung von Geniusalien an:

(Geniusaliens herzliche Erinnerung: Die Min-Höhe-Betriebsmethode in diesem Artikel wird für Min-Breite, Max-Breite und Max-Höhe ausprobiert. Befolgen Sie die gleiche Lösung wie unten!)


4.

Die wunderbare Verwendung der minimalen Höhe (Mindesthöhe) des DIV-CSS-Webseitenlayouts_Erfahrungsaustausch

Minimumhöhe kann die Mindesthöhe festlegen Eine BOX, wenn sie selbst dann klein ist, kann die Höhe der BOX konstant gehalten werden.

Der aktuelle Effekt besteht darin, dass die Mindesthöhe im IE nicht bei 150 Pixeln gehalten wird.


Zusammenfassung der HTML-Mindesthöhennutzung5.

Anmerkungen von Web-Frontend-Neulingen zum Unterschied zwischen Höhe und Mindesthöhe

Browser-Referenz-Benchmark: Firefox, Chrome, Safari, Opera, IE; * IE6 unterstützt das CSS-Attribut „min-height“ nicht. Definition der Mindesthöhe: 1. Das Element hat eine Standardhöhe. 2. Wenn der Inhalt die Standardhöhe des Elements überschreitet, erhöht sich die Höhe des Elements mit zunehmendem Inhalt

[Verwandte Empfehlungen]

1.

php.cn Original-HTML5-Video-Tutorial

2.

Han Shunpings neuestes CSS-Basis-Video-Tutorial im Jahr 2016

3.

Han Shunpings neuestes grundlegendes HTML-Video-Tutorial aus dem Jahr 2016

4.

Han Shunpings neuestes HTML-Video-Tutorial für Fortgeschrittene aus dem Jahr 2016

Das obige ist der detaillierte Inhalt vonZusammenfassung der HTML-Mindesthöhennutzung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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