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

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

Sie sind auf ein Problem gestoßen, bei dem die Einstellung „Höhe: 100 %“ nicht richtig eingestellt ist. 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 zu 100 % über einen Referenzpunkt.

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.

Das obige ist der detaillierte Inhalt vonWarum funktioniert „height: 100 %;' bei meinem Etikettenelement nicht?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!