我想在 XHTML 1.0 Transitional 中将 TextArea 的高度设置为其父表格单元格的 100%。我环顾了其他类似的问题,这些问题向我表达了父元素需要具有明确定义的高度值,以便 TextArea 的高度为该值的 100%。
我有一个表格,它的 html 高度为 100%,正文设置为 100%。
但是,如果我将表格单元格的值作为其父级的 100%,行作为其父级的 100%,表格作为其父级的 100%,即设置为客户端高度的 100%,我我猜,文本区域会填满整个视口(viewport)。
我如何将 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%;
}
注意:由于某些奇怪的原因,宽度属性似乎在没有引用直接父级的情况下分配得很好,但高度却没有。
最佳答案
将您的 CSS 更改为:
html, body {
height: 100%;
width: 100%;
}
table {
height: 100%;
width: 100%;
}
textarea {
height: 100%;
width: 100%;
}
td{
height:50%;
}
关于css - 我想在 XHTML 1.0 Transitional 中将 TextArea 的高度设置为 Table Cell 的 100%,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18363135/