Свойство Height не работает для элемента метки

При попытке установить высоту элемента метки на 100 % это может не дать желаемого эффекта. Это связано с тем, что свойство высоты не существует изолированно.

Как показывает приведенный фрагмент кода, правило CSS для метки устанавливает высоту, равную 100%. Однако вопрос «100% чего?» возникает. Свойство height относится к проценту высоты родительского элемента. В этом случае родителем элемента метки является элемент поля.

Если элемент поля не имеет явной высоты, определенной в его CSS или CSS его родительского элемента, браузер будет полагаться на стиль по умолчанию. По умолчанию высота элемента уровня блока, такого как div (в данном случае используемого для поля), зависит от его содержимого. Эта высота по умолчанию может не совпадать с запланированной высотой 100 % для метки.

Поэтому, чтобы гарантировать, что элемент метки заполняет высоту своего родительского элемента, важно установить явную высоту или использовать flexbox или сетки для управления планировку и убедитесь, что желаемая высота достигнута.