css - 我想在 XHTML 1.0 过渡中将 TextArea 的高度设置为表格单元格的 100%

Question

我想在 XHTML 1.0 过渡中将 TextArea 的高度设置为其父表格单元格的 100%。我查看了其他类似的问题，这些问题向我表达了父元素需要具有明确定义的高度值才能使 TextArea 的高度为该值的 100%。

我有一个 100% 高度的 html 和 body 设置为 100% 的表格。

但是，如果我将表格单元格的值作为其父级的 100%，将行作为其父级的 100%，并将表作为其父级的 100%，设置为客户端高度的 100%，我猜，文本区域填充整个视口。

我如何将 TextArea 的高度设置为简单的 100% 的表格单元格，而不引用父元素的高度值一直到根，并得到远离我所追求的结果？

这是代码：

<table>
<tr>
<td>
<textarea rows="" cols="">
</textarea>
</td>
</tr>
<tr>
<td>
<textarea rows="" cols="">
</textarea>
</td>
</tr>
</table>

外部 CSS：

html, body {
height: 100%;
width: 100%;
}
table {
height: 100%;
width: 100%;
}
textarea {
height: 100%;
width: 100%;
}

注意：出于某种奇怪的原因，width 属性似乎可以在不参考直接父级的情况下进行分配，但 height 却没有。

score 1 · Accepted Answer

将您的 CSS 更改为：

html, body {
height: 100%;
width: 100%;
}
table {
height: 100%;
width: 100%;
}
textarea {
height: 100%;
width: 100%;
}
td{
    height:50%;
}

1 回答 1