div根据浏览器窗口大小变化而改变大小

jquery中的 resize( ) 方法可以动态监控浏览器窗口的大小

$(function(){
    $(window).resize(function(){
        var cliWidth = document.body.clientWidth; //浏览器宽
        var cliHeight = document.body.clientHeight;//浏览器高
        //根据浏览器宽高动态改变div的宽高
        $("#box").width(cliwidth);
       $("#box").height(cliheight); 
    })            
});            

注： $(selector).resize()；  可以触发selector元素的 resize 事件