jQuery让页面随着窗口大小变化自动加减宽度？

例子

CSS代码：

.div1{height:100%;margin:0 auto;border-left:5px solid #F00;border-right:5px solid #F00;}

jQuery代码：

$(function(){
    $(".div1").css({
        height:$(window).height()
    });
    $(window).resize(function(){
        $(".div1").stop(true,false).animate({
            width:$(document).width()*0.8
        },150)
    });   
    $(window).resize();
});

主要是用到resize函数