Textarea wysokość: 100%

Question

Oto moje skrzypce: http://jsfiddle.net/e6kCH/15/

To może brzmieć głupio, ale nie mogę znaleźć sposób, aby wysokość obszaru tekstu równą 100%. Działa na szerokość, ale nie na wysokość.

Chcę obszar tekstu do zmiany rozmiaru w zależności od wielkości okna ... jak to działa w moim skrzypcach dla szerokości ...

Jakieś pomysły?

Answer 1

Wysokość elementu jest zależna od jego rodzica. Tak więc, jeśli chcesz, aby poszerzyć swoją elementu na całej wysokości rzutni, trzeba zastosować CSS do html i body jak również (elementów nadrzędnych):

html, body { 
    height: 100%; 
} 

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

alternatywne rozwiązanie CSS3 : Jeśli można użyć CSS3, można użyć Viewport percentage units i bezpośrednio skalowanie tekstowe do 100% wysokości (i 100% szerokości) z rzutni (jsfiddle here)

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

Answer 2

Można to zrobić:

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