如何将文本区域停靠在div中

Question

我在div里面有一个textarea。

我应该设置什么属性，以便textarea停靠在div的所有边？换句话说，文本区域如何填充div内的空间？

我开始编写JavaScript但必须有一个更简单的选项。

Answer 1

您可以将textarea的css样式设置为

height:100%;
width:100%

Answer 2

尝试：

div textarea { position: absolute; top: 0; bottom: 0; right: 0; left: 0; }
div { position: relative; }

但作为一般经验法则，如果元素是div中唯一的元素，通常不需要它！

<强> Here's a working example 即可。宽度和高度是出于舒适的原因而设定的，但它们不是必需的。

Answer 3

尝试使用css：

div { width:400px; height:160px; border:#f00 3px solid; padding: 10px; }
textarea { width:100%; height:100%; }

代码：http://jsfiddle.net/kf2dt/

Answer 4

使用CSS你可以设置边距和填充到div设置为0，然后设置为

的css

textarea将高度和宽度设置为100％;

div { margin:0;padding:0px; }
textarea {height:100%;width:100%;}

并添加overflow：hidden;对于textarea css，如果需要，也会隐藏滚动条。