100％幅のTextareaはコンテナを塗りつぶしますが、100％幅のdivは親を広げます

Question

私は誰かが助けることができると思っている興味深い問題があります。私は100％幅に設定されている場合、それが入っている親divを塗りつぶすテキストエリアを持っています。しかし、それをdivに置き換えるとdivは親divの幅を吹き飛ばして、ラップする代わりに子供のコンテンツに合うようになります。

私はスパン、div、p、テーブル/ tr/tdを使用しています（表示：インラインブロック、ディスプレイ：テーブル、ディスプレイ：テーブルセル、ボックスサイズ...）すべてが次のオーバーフローを引き起こします。

私はソースを視察してきた、と私は見るすべては、それに影響を与えていない他のスタイルを100％に設定されているテキストエリアの幅です。

検査中に見つからない属性がありますか？

Answer 1

私の推測では、あなたは、単にborder boxを利用する必要があるということです。

*{ box-sizing: border-box; } 

Answer 2

基本的には、あなたのdivもpaddingを持っているかもしれません。今度は、width: 100%のパディングを追加すると、子は基本的に余分なパディングの親の原因をオーバーフローさせます。

幅内に埋め込みを含めるには、divをbox-sizing: border-box;にしてください。

box-sizing hereについて詳しく読むことができます。

Answer 3

アプリケーションの複雑さのために、私はそれを基本に落として把握する必要があります。私は、私が知らなかったテキストエリアの構造的な要素があることを期待していました。

ありがとう、