高度屬性在標籤元素上不起作用

嘗試將標籤元素的高度設定為 100% 時，可能不會達到預期的效果。這是因為 height 屬性並不是孤立存在的。

如提供的程式碼片段所示，標籤的 CSS 規則將高度設定為 100%。然而，「100%是什麼？」的問題。出現。 height屬性指的是父元素高度的百分比。在這種情況下，label 元素的父元素是 field 元素。

如果 field 元素沒有在其 CSS 或其父元素的 CSS 中定義明確的高度，則瀏覽器將依賴預設樣式。預設情況下，區塊級元素（如 div）的高度（在本例中用於欄位）取決於其內容。此預設高度可能與標籤的預期 100% 高度不一致。

因此，為了確保標籤元素填滿其父元素的高度，必須設定明確高度或使用 Flexbox 或網格來控制佈局並確保達到所需的高度。