为什么 `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中文网其他相关文章！