怎样做到多行文本框改变大小，但是不影响其他元素的位置
我现在的写法是这样的：

        $(id).focus(function () {
            $(id).attr({ "rows": "5", "cols": "50" });
        });
        $(id).blur(function () {
            $(id).attr({ "rows": "2", "cols": "20" });
        });

这样点击多行文本框的时候，会把整个页面变得很难看，怎么能让它在点击的时候变大，但是不影响其他元素的位置。
[解决办法]
加个DIv 指定大小,textarea 改成绝对定位的 ，这样改变大小就不影响其它了