ホームページ >ウェブフロントエンド >CSSチュートリアル >私のラベル要素で「height: 100%;」が機能しないのはなぜですか?

私のラベル要素で「height: 100%;」が機能しないのはなぜですか?

Susan Sarandon
Susan Sarandonオリジナル
2024-11-04 05:45:29991ブラウズ

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

ラベル要素で高さ: 100% が正しく設定されない

高さ: 100% を設定すると問題が発生しました。ラベル要素の効果がないようです。その理由を理解するには、この設定のコンテキストを調べる必要があります。

高さを 100% に設定すると、それは要素の親コンテナの高さを指します。あなたの場合、親は .field 要素です。ただし、.field の高さが定義されていない場合、ブラウザには 100% の参照ポイントがありません。

これを解決するには、親要素 (.field) に定義された高さがあることを確認してください。 .field に特定の高さを設定すると、ラベル要素の高さのコンテキストが提供されます: 100%;適切に計算するための設定です。

以上が私のラベル要素で「height: 100%;」が機能しないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。