Textarea高度：100％

Question

这是我的小提琴：http://jsfiddle.net/e6kCH/15/

这可能听起来很愚蠢，但我找不到让文字区域高度等于100％的方法。它适用于宽度，但不适用于高度。

我希望文本区域根据窗口大小调整大小...就像它在我的小提琴中工作的宽度......

有什么想法吗？

Answer 1

元素的高度相对于其父级。因此，如果要将元素展开到视口的整个高度，则需要将CSS应用于html和body以及（父元素）：

html, body {
    height: 100%;
}

#textbox {
    width: 100%;
    height: 100%;
}

使用CSS3的替代解决方案：如果您可以使用CSS3，则可以使用Viewport percentage units并直接将文本框缩放到视口的{100％高度（和100％宽度）{{3 }}

body {
    margin: 0;
}
#textbox {
    width: 100vw;
    height: 100vh;
}