css - 设置高度 : 100% on my label element doesn't work

Question

我尝试在标签中设置height: 100%;，但是没有用。为什么不呢？

.field label {
    color:#3E3E3E;
    font-weight:bold;
    width:80px;
    display:block;
    float:left;
    margin-top:5px;
    margin-left:3px;
    height:100%; /* <-- doesn't work */
}
.field {
    display:block;
    margin-bottom:9px;
    background:none;
    border:none;
}

<div class="field large">
    <label>Textarea</label>
    <textarea></textarea>
</div>

Answer 1

您已将高度设置为 100%，但 100% 是什么？它始终是该元素的父元素，那么父元素的高度设置为多少？如果它没有设置任何内容，那么浏览器就没有任何可引用的内容。