使用javascript調整textarea以適應流暢的寬度布局

Question

我有一個流暢的布局，我需要一個textarea來擴展/減少父容器的大小。

在CSS中它看起來像這樣：

textarea{
width: 100%;
}

但這不適用於textareas。

我怎么能用javascript做到這一點？ 我可以獲得父元素寬度，並計算適合該寬度的cols數量，但我如何知道1 col的大小（以px為單位）？

Answer 1

chk this out： 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+ */
           }

Answer 2

這是2014年， width: 100%; 現在可以在當前版本的Chrome，Firefox，IE，Opera和Safari中使用textareas 。