如何让textarea填充div块?

Rih*_*rds 32 css textarea width

看看我在这里得到了多远:[ 链接被删除 ]如何让textarea在绿色按钮上方填充div块?我的意思是,如何使textarea与注释块的宽度完全相同?

acp*_*ade 52

请参阅这篇实现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+ */
}
Run Code Online (Sandbox Code Playgroud)

这是一个实现box-sizing属性的工作示例 http://css-tricks.com/examples/BoxSizing/

已经不鼓励使用99%或更小的宽度来调整容器div内的宽度.

  • 另请注意,您通常希望使用`min-width:100%; max-width:100%;`以便在调整窗口大小时进行调整,但不会保持比窗口宽度更大或更小的尺寸.'width:100%;`最初只将textarea设置为100%,但是用户调整大小会破坏文本框的布局和大小,我认为大多数人都希望大部分时间都能阻止它. (3认同)

Vin*_*inz 5

以百分比标注textareas以某种方式从未正常工作,我在几年前遇到了同样的问题并最终使用宽度:99%....

我建议您使用divtextarea周围绘制圆形边框并删除textarea本身的边框.这样textarea的宽度不需要精确,你可以使用98%或99%.