css - div内にテキストエリアを正確に収める方法 - CSS

Question

<div>幅と高さが固定されています（px / %の場合があります）。<textarea>幅が 100% の内側があります。

HTML

<div>
    <textarea></textarea>
</div>

CSS

div{
    height: 200px;
    width: 300px;
    background: red;
}
textarea{
    height: 100px;
    width: 100%;
}

しかし、</textarea>コンテナから伸びています。スクリーンショット

コンテナでテキストエリアを100％に伸ばしたい。どうすればこれを達成できますか？

ここに作業フィドルがあります。

score 31 · Accepted Answer

31

box-sizing:border-boxテキストエリアの CSS に追加します。

于 2013-04-06T21:01:06.700 に答える

score 5 · Accepted Answer

テキストエリアには、ネイティブのパディングとボーダーがあります。

設定した場合：

textarea{
   height: 100px;
   width: 98%;
   padding:1%;
   border:none;
}

装着されます:)

3 に答える 3