Textarea高度：100％

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

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

我希望文本区域的大小取决于窗口的大小…就像它在我的小提琴的宽度工作…

有任何想法吗？

Answer 1

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

 html, body { height: 100%; } #textbox { width: 100%; height: 100%; } 

使用CSS3的替代解决scheme ：如果您可以使用CSS3，可以使用视口百分比单位，并直接将文本框缩放到视口（此处为jsfiddle）的 100％高度（和100％宽度）

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

Answer 2

你可以这样做：

 #textbox { position:fixed; top:0; left:0; right:0; bottom:0; }