我想在XHTML 1.0 Transitional中将TextArea的高度设置为其父表单元格的100%。我环顾了其他类似的问题,这些问题向我表明,父元素需要有一个明确定义的高度值,以便TextArea的高度为该值的100%。
我有一个表格,它是html和身体高度的100%,设置为100%。
但是,如果我将表格单元格的值作为其父级的100%,则将该行作为其父级的100%,将该表作为其父级的100%,将其设置为其父级的100%客户端高度,我猜测,textarea填充整个视口。
如何将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%;
}
注意:由于一些奇怪的原因,宽度属性似乎指定罚款而不引用直接父级,但高度不是。
答案 0 :(得分:1)
将CSS更改为:
html, body {
height: 100%;
width: 100%;
}
table {
height: 100%;
width: 100%;
}
textarea {
height: 100%;
width: 100%;
}
td{
height:50%;
}