zmień rozmiar textarea tak, aby pasował do układu szerokości z javascript - javascript, layout, textarea, resizable, fluid

Mam płynny układ i potrzebuję obszaru tekstowego, aby rozwinąć / zmniejszyć w zależności od rozmiaru kontenera nadrzędnego.

W CSS wyglądałoby to tak:

textarea{
width: 100%;
}

Ale to nie działa z obszarami tekstowymi.

Jak mogę to zrobić za pomocą javascript? Mogę uzyskać szerokość elementu nadrzędnego i obliczyć liczbę kolumn, aby dopasować się do tej szerokości, ale skąd mam wiedzieć, że rozmiar 1 kolumny (w px)?

Odpowiedzi:

wypróbuj to: http://css-tricks.com/box-sizing/

  textarea {
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}

Jest 2014 i width: 100%; teraz współpracuje z obszary tekstowe w aktualnych wersjach Chrome, Firefox, IE, Opera i Safari.