為什麼 `height: 100%;` 不適用於標籤元素？

在標籤上設定高度：100% 不起作用

嘗試將標籤元素的高度與其父元素對齊，高度：100% ；已實施。然而，預期的效果並沒有實現，標籤的高度是任意的。

理解問題

設定 height: 100%; 時，重要的是要考慮參考點。在這種情況下，必須明確定義父元素的高度以建立大小調整上下文。如果沒有這個上下文，瀏覽器就沒有計算 100% 高度的基礎。

如何解決

要解決此問題，請確保標籤的父元素具有指定的高度。這可以透過 CSS 或透過在 HTML 標記中設定 height 屬性來實現。

範例程式碼

<code class="css">.parent-element {
  height: 200px;
}

.field label {
  height: 100%;
}</code>

透過將父元素的高度設定為 200px ，標籤元素現在將正確佔據其可用垂直空間的 100%。

以上是為什麼 `height: 100%;` 不適用於標籤元素？的詳細內容。更多資訊請關注PHP中文網其他相關文章！