Q&A
###発生している問題・エラーメッセージ
HTMLでTD要素内にTextareaを入れた時TD要素いっぱいに表示させたいのですが方法を分かりません
###該当のソースコード
html
1<html> 2<body> 3 <table> 4 <tbody> 5 <tr> 6 <td> 7 <textarea></textarea> 8 </td> 9 </tr> 10 </tbody> 11 </table> 12</body> 13</html>
###試したこと
height:100%などとしてみたのですが無理でした
誰か教えてください
回答2件
0
ベストアンサー
%は親要素の大きさに対して何%ですから、親要素であるtdの大きさを決めると100%でいっぱいになるはず。
<html> <body> <table> <tbody> <tr> <td style="width: 300px; height: 300px; border: solid thin pink; margin: 0px; padding: 0px;"> <textarea style=" margin: 0px; padding: 0px; width: 100%; height: 100%; box-sizing: border-box;"></textarea> </td> </tr> </tbody> </table> </body> </html>投稿2017/02/24 16:14
総合スコア162
0
CSS
1td,textarea { 2 margin: 0; 3 padding: 0; 4} 5```**動くサンプル：**[https://jsfiddle.net/hsuLw9ak/](https://jsfiddle.net/hsuLw9ak/)
投稿2017/02/24 16:00
総合スコア69625
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。