изменить размер текстовой области, чтобы соответствовать разметке ширины жидкости с помощью JavaScript

Question

У меня текучая компоновка, и мне нужно расширить / уменьшить текстовую область в зависимости от размера родительского контейнера.

В CSS это выглядело бы так:

textarea{
width: 100%;
}

Ноэто не работает с textareas.

Как я могу сделать это с помощью JavaScript?Я могу получить ширину родительского элемента, и они вычисляют количество столбцов для соответствия этой ширине, но как узнать размер 1 столбца (в пикселях)?

Answer 1

Проверьте это: http://css -tricks.com / box-size /

  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+ */
           }

Answer 2

Это 2014, и width: 100%; теперь работает с textareas в текущих версиях Chrome, Firefox, IE, Opera и Safari.