Height-Eigenschaft funktioniert nicht auf Etikettenelement

Wenn Sie versuchen, die Höhe eines Etikettenelements auf 100 % festzulegen, hat dies möglicherweise nicht den gewünschten Effekt. Dies liegt daran, dass die Eigenschaft height nicht isoliert vorhanden ist.

Wie das bereitgestellte Code-Snippet zeigt, legt die CSS-Regel für die Beschriftung die Höhe auf 100 % fest. Allerdings stellt sich die Frage „100 % von was?“ entsteht. Die Eigenschaft height bezieht sich auf den Prozentsatz der Höhe des übergeordneten Elements. In diesem Fall ist das übergeordnete Element des Beschriftungselements das Feldelement.

Wenn für das Feldelement keine explizite Höhe in seinem CSS oder dem CSS seines übergeordneten Elements definiert ist, verlässt sich der Browser auf den Standardstil. Standardmäßig hängt die Höhe eines Elements auf Blockebene wie eines Div (in diesem Fall für ein Feld verwendet) von seinem Inhalt ab. Diese Standardhöhe stimmt möglicherweise nicht mit der beabsichtigten 100 %-Höhe für die Beschriftung überein.

Um sicherzustellen, dass das Beschriftungselement die Höhe seines übergeordneten Elements ausfüllt, ist es daher wichtig, eine explizite Höhe festzulegen oder Flexbox oder Raster zur Steuerung zu verwenden Layout und stellen Sie sicher, dass die gewünschte Höhe erreicht wird.