web-dev-qa-db-ja.com

divブロックを埋めるためにtextareaを作る方法は?

[リンクが削除されました] divブロックを塗りつぶすために緑色のボタンの上にテキストエリアを作成するにはどうすればよいですか?つまり、textareaをコメントブロックとまったく同じ幅にする方法は?

32
Rihards

CSS3のbox-sizingプロパティを実装するこの記事を参照してください http://css-tricks.com/box-sizing/

このための簡単な解決策は、

textarea {
     width: 100%;
     -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;    /* Firefox, other Gecko */
     box-sizing: border-box;         /* Opera/IE 8+ */
}

そして、これがbox-sizingプロパティを実装する実用的な例です http://css-tricks.com/examples/BoxSizing/

コンテナーdiv内での調整に99%以下の幅を使用することは、すでに推奨されていません。

49
acpmasquerade

パーセントでのテキスト領域の寸法付けは、どういうわけか正しく機能していません。私は何年も前に同じ問題を抱えており、幅を使用してしまいました:99%...

Textareaの周りにdivを使用して、丸い境界線を描画し、textarea自体の境界線を削除することをお勧めします。このように、textareaの幅は正確である必要はありません。98%または99%を使用できます。

5
Vinz