„Wenn ein Arbeiter seine Arbeit gut machen will, muss er zuerst seine Werkzeuge schärfen.“ – Konfuzius, „Die Gespräche des Konfuzius. Lu Linggong“
Titelseite > Programmierung > Warum funktioniert „height: 100 %;“ bei meinem Etikettenelement nicht?

Warum funktioniert „height: 100 %;“ bei meinem Etikettenelement nicht?

Veröffentlicht am 07.11.2024
Durchsuche:292

Why isn\'t `height: 100%;` working on my label element?

Höhe: 100 % wird nicht richtig auf dem Etikettenelement eingestellt

Sie sind auf ein Problem gestoßen, bei dem die Einstellung von height: 100 %; auf Ihrem Etikettenelement scheint keine Wirkung zu haben. Um zu verstehen, warum, müssen wir den Kontext dieser Einstellung untersuchen.

Wenn Sie die Höhe auf 100 % festlegen, bezieht sich dies auf die Höhe des übergeordneten Containers des Elements. In Ihrem Fall ist das übergeordnete Element das .field-Element. Wenn .field jedoch keine definierte Höhe hat, verfügt der Browser nicht über einen Referenzpunkt für 100 %.

Um dieses Problem zu beheben, stellen Sie sicher, dass das übergeordnete Element (.field) eine definierte Höhe hat. Indem Sie eine bestimmte Höhe für .field festlegen, stellen Sie einen Kontext für die Höhe des Beschriftungselements bereit: 100 %; Einstellung, um angemessen zu berechnen.

Neuestes Tutorial Mehr>

Haftungsausschluss: Alle bereitgestellten Ressourcen stammen teilweise aus dem Internet. Wenn eine Verletzung Ihres Urheberrechts oder anderer Rechte und Interessen vorliegt, erläutern Sie bitte die detaillierten Gründe und legen Sie einen Nachweis des Urheberrechts oder Ihrer Rechte und Interessen vor und senden Sie ihn dann an die E-Mail-Adresse: [email protected] Wir werden die Angelegenheit so schnell wie möglich für Sie erledigen.

Copyright© 2022 湘ICP备2022001581号-3