这个js在ie6下textare框的宽度被撑大，在ie7和火狐下正常，求高人指点下

Question

如标题，求解function autoTextarea(elem, extra, maxHeight) {
        extra = extra || 20;
        var isFirefox = !!document.getBoxObjectFor || 'mozInnerScreenX' in window,
        isOpera = !!window.opera && !!window.opera.toString().indexOf('Opera'),
                addEvent = function (type, callback) {
                        elem.addEventListener ?
                                elem.addEventListener(type, callback, false) :
                                elem.attachEvent('on' + type, callback);
                },
                getStyle = elem.currentStyle ? function (name) {
                        var val = elem.currentStyle[name];
                        
                        if (name === 'height' && val.search(/px/i) !== 1) {
                                var rect = elem.getBoundingClientRect();
                                return rect.bottom - rect.top -
                                        parseFloat(getStyle('paddingTop')) -
                                        parseFloat(getStyle('paddingBottom')) + 'px';        
                        };
                        
                        return val;
                } : function (name) {
                                return getComputedStyle(elem, null)[name];
                },
                minHeight = parseFloat(getStyle('height'));
        
        
        elem.style.resize = 'none';
        
        var change = function () {
                var scrollTop, height,
                        padding = 0,
                        style = elem.style;
                
                if (elem._length === elem.value.length) return;
//                elem._length = elem.value.length;
                
                if (!isFirefox && !isOpera) {
                        padding = parseInt(getStyle('paddingTop')) + parseInt(getStyle('paddingBottom'));
                };
//                scrollTop = document.body.scrollTop || document.documentElement.scrollTop;
                
                elem.style.height = minHeight + 'px';
                if (elem.scrollHeight > minHeight) {
                        if (maxHeight && elem.scrollHeight > maxHeight) {
                                height = maxHeight - padding;
                                style.overflowY = 'auto';
                        } else {
                                height = elem.scrollHeight - padding;
                                style.overflowY = 'hidden';
                        };
                        style.height = height + extra + 'px';
//                        scrollTop += parseInt(style.height) - elem.currHeight;
//                        document.body.scrollTop = scrollTop;
//                        document.documentElement.scrollTop = scrollTop;
                        elem.currHeight = parseInt(style.height);
                };
        };
        
        addEvent('propertychange', change);
        addEvent('input', change);
        addEvent('focus', change);
        change();
}

Answer 1

在ie6下当在textare框中开始输入文字后，textare框的宽度就会被撑大，在ie7下没这个问题

Answer 2

textarea框如下
      <div id="price_div" class="report_tips">
            <div class="report_top">
                <span class="report_title">价格举报</span>
                <span class="report_close"><a href="javascript:void(0);" title="" target="_parent" onclick="document.getElementById('price_div').style.display='none';"></a></span>
            </div>
            <div class="report_bott">
                <p>请您提供正规B2C网站同类产品参考链接以便核实，谢谢！</p>
                <p><textarea id="price_input" onfocus="textarea_onfocus(this)" style="width:100%;" onkeyup="textareasize(this)">请输入网址...</textarea></p>
                <p><input type="button" value="确认" onclick="price_sure()"/></p>
            </div>
        </div>

Answer 3

接分，，，，兼容就用CSS吧!!这个跟JS没多大鸟关系.

Answer 4

css的问题吧或者你直接控制textarea的单行的长度，超出自动换行