Question

ie6下，textarea自适应问题

先上代码：
.sendbox2{}
.sendbox2 label{margin: 0 90px 5px 0;}
.sendbox2 textarea{ width: 100%; height: 36px; overflow: auto; *margin-top: -46px;}
.sendbox2 button{ float: right; width: 74px; background: url(../images/send_btn.gif); height: 42px; text-align: center; color: #fff; font-weight: bold; border: 1px solid #342c27;}
.sendbox2 button:hover{ background: url(../images/send_btn2.gif); border: 1px solid #849f39;}

<div class="sendbox2">
<p><button>发 表</button><label><textarea></textarea></label></p>
</div>

在ie6下，在这个输入框里面只要输入内容，textarea就变长了。textarea要自适应，所以不能定死宽度。。。

Answer 1

那是因为你的label没有固定宽度，你在label里面加width:100%; overflow:hidden;如：.sendbox2 label{width:100%; overflow:hidden;}这样textarea就不会伸长了。

Answer 2

在CSS里面加上 兼容 代码，不就OK 了，还这么麻烦这是 IE6
/* ie6 */
body { word-wrap:break-word; word-break:break-all;}
.clearfix { zoom:1;} /* ie6 fixed */
* html #webimWrap { top:expression(offsetParent.scrollTop+offsetParent.clientHeight-26+'px');}
* html #refreshPage { top:expression(offsetParent.scrollTop+offsetParent.clientHeight-240+'px');}
* html #proTop { top:expression(offsetParent.scrollTop+offsetParent.clientHeight-475+'px');}
/* ie button */
.skin .button button,
.skin .button a,
.skin .button a:visited { padding:4px 10px 0 12px; line-height:1.7;} /* ie */
.Auction_HOR .proImg { overflow:hidden; display:block; font-size:100px; font-family:Arial;}

Answer 3

<textarea cols="10" rows="5" style="overflow-y:visible" onscroll="this.rows++;"></textarea>