テキストエリアの高さ：100％

Question

ここに私のバイオリンです：http://jsfiddle.net/e6kCH/15/

それは愚かに聞こえるかもしれないが、私は100％に等しいテキスト領域の高さを作るための方法を見つけることができません。それは幅のために働くが、高さのためではない。

それは幅のために私のバイオリンで動作するように私が...ウィンドウサイズに依存サイズを変更するテキスト領域をしたい...

任意のアイデア？

Answer 1

高さは、その親に対して相対的です。あなたは、ビューポートの全体の高さにあなたの要素を拡張したい場合はこのように、あなたにもhtmlとbodyにあなたのCSSを適用する必要があります（親要素）：CSS3と

html, body { 
    height: 100%; 
} 

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

代替ソリューション ：あなたはCSS3を使用できる場合は、Viewport percentage unitsを使用して直接、100％の高さ（100％幅）にあなたのテキストボックスを拡張することができ、ビューポートの(jsfiddle here)

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

Answer 2

あなたはそれを行うことができます：要素の

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