Im Bereich CSS besteht die Aufgabe darin, die maximale Höhe für Elemente festzulegen oft anzutreffen. Obwohl es verschiedene Ansätze gibt, umfassen zwei weit verbreitete Techniken die Verwendung von height:100 % oder min-height:100 %. Aber was sind ihre besonderen Merkmale?
Gemäß der W3C-Spezifikation beeinflussen sowohl die Min-Height- als auch die Max-Height-Eigenschaft die tatsächliche Höheneigenschaft eines Elements durch einen bestimmten Algorithmus:
Im Wesentlichen stellt min-height sicher, dass das Element mindestens die angegebene Höhe einnimmt, auch wenn es sich um eine andere handelt Faktoren würden sonst zu einer geringeren Höhe führen. Andererseits begrenzt max-height die Höhe des Elements auf den angegebenen Wert und verhindert so, dass es diesen Grenzwert überschreitet.
Im speziellen Fall von height:100% das Element wird gezwungen, die Höhe seines enthaltenden Blocks anzunehmen. Wenn jedoch eine widersprüchliche Eigenschaft wie max-height:50 % angewendet wird, hat letztere Vorrang.
Im Gegensatz dazu weist min-height:100 % das Element an, eine Mindesthöhe von 100 % zu haben. unabhängig von anderen Höhenangaben. Das bedeutet, dass die berechnete Höhe immer mindestens 100 % der Höhe des enthaltenden Blocks beträgt, sofern sie nicht durch nachfolgende Stileigenschaften außer Kraft gesetzt wird.
Der primäre Unterschied zwischen height:100% und min -height:100% liegt in ihrem Verhalten bei widersprüchlichen Höhenangaben. Die maximale Höhe kann die Höhe außer Kraft setzen, die minimale Höhe jedoch nicht, da die minimale Höhe nach der Höhe und vor der maximalen Höhe ausgewertet wird.
Das obige ist der detaillierte Inhalt vonHöhe: 100 % vs. Mindesthöhe: 100 % in CSS – Wann sollten Sie welche verwenden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
