CSS，Textareas和iframes - 身高％s

Question

我目前有一个有两个孩子的包装div：div left和div right。在div左边，我有一个textarea;在div右边我有一个iframe。

我希望两个孩子都有80％的身高。以下是我正在使用的相关标签：

body {
    height: 100%;
}

iframe {
    height: 80%;
}

textarea {
    height: 80%;
}

iframe会占据整个页面宽度的80％，正如我所期望的那样，但是textarea并没有一直到80％的页面。我发现它高出div高度的80％，并且将div.left高度设置为100％并不会使textarea占用所需的所有空间。

有什么建议吗？

Answer 1

因为高度属性通常与内容一起成长。因此，您可以使用javascript计算确切的高度，并将textarea设置为多个像素。