jquery - テキストエリアを行と同じ高さにする方法

Question

テキストエリアに問題があります。ここに jsfiddle があります。

フィドルを開くと、「質問を追加」ボタンをクリックするだけで、下に追加された行が表示されます。

テキストエリアの高さが行全体に収まっていないことがわかります。私の質問は、テキストエリアの高さを行全体に合わせるにはどうすればよいですか? 行の高さは任意のサイズにすることができ、固定サイズはありません。

以下は、追加された行と行自体のテキストエリアを制御する css です。

.question textarea {
    min-width:98%;
    max-width:98%;
    resize:none;
    height:auto;
    font-size:100%;
}

.question { 
    min-width:28%;
    max-width:28%;
    border:1px black solid;
    border-collapse:collapse;
}

回答を投稿する前に、コードをフィドルでテストしてください:)

Answer 1

textarea's heightに設定100%

フィドルを見る