如何让textarea填充div块?

时间:2010-07-02 10:56:39

标签: css textarea width

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

2 个答案:

答案 0 :(得分:47)

请参阅这篇实现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/

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

答案 1 :(得分:5)

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

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