css设置textarea宽高,怎么用CSS让textarea宽度为100%? 自适应页面

用户提问

如上图所示,目前的回复框太小了,我想全屏,但是CSS离改来改去(在.reply_quick textarea修改的),width:100% 也试了,不行,只有width=567px这样; 用数字定义宽度才行,咋整?我想让他自适应页面宽度。

==========相关HTML代码=========

0_small.jpg

回复

==========相关CSS代码==============

.reply_quick { width: 100%; margin: 30px 0 10px; }

.reply_quick dt { float: left; }

.reply_quick dd { float: right; margin-bottom: 5px; border-top: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; position: relative; }

.reply_quick textarea { border: 1px solid; border-color: #e5e3e4 #dcdcdc #dcdcdc #e5e3e4; width:100%; box-shadow: 0 0 0; float: left; }

.reply_quick textarea:focus { outline: 0 none; border-color: #dcdcdc; }

推荐答案

你可以在textarea样式表里面加上min-width:xxpx;min-height:xxpx; ie6是不支持的,需要指定宽和高

辅助答案

用户:tongxin009

2014年06月02日

你可以在textarea样式表里面加上min-width:xxpx;min-height:xxpx;

ie6是不支持的,需要指定宽和高

用户:雨宫柚子啊

2014年04月09日

box-sizing: border-box; width: 100%;

用户:bbs970056782

2014年04月09日

要自适应的话,input有自带的属性调整不方便,建议另外增加元素来控制就可以了自适应了

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值