HTML tableのセルにtextareaを使って外の枠に重ねて表示する方法

現在jspを使ってwebアプリを作っています
table のセルの1つをtextareaを使って文字の表示をしたいのですが
他の通常のセルと同様に見えるよう枠に合わせるためにはどうしたらよいのでしょうか？
<TEXTAREA style = 'width:100% でとりあえず横幅は広がるのですが
縦が変わらないのと外枠に重ねて表示する方法を教えてください。

No.2 ベストアンサー 回答者： taigoito 回答日時： 2017/05/23 15:25

ぴったり一致するはずです。

* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

この類のリセットはきちんとされていますか？？

この回答へのお礼

追加でありがとうございます。
border:none
をさらに加えてきれいになりました。

お礼日時：2017/05/24 09:14

No.3 回答者： taigoito 回答日時： 2017/05/23 21:32

textarea {

border: none;
}
というやり方もありました。

No.1 回答者： taigoito 回答日時： 2017/05/22 21:33

デフォルトのtableはセル間に無駄な余白があるので、

table {
border-collapse: collapse;
}
を指定して消します。

textareaをセルにぴったり合わせるには当然、
textarea {
width: 100%;
height: 100%;
}
を指定しますが、
height:100%に関しては、親要素の高さが固定でないと効かないので、
tr {
height: 〇〇px;
}
td {
height: 100%;
}
を指定してください。

この回答へのお礼

回答ありがとうございます。
試してみましたら大体希望通りできましたが
よく見ると微妙に少しずれがあります。
完全にピッタリ一致させるのは難しいでしょうか

お礼日時：2017/05/23 13:07