jquery判断一个div的边界是否超出另外一个div的边界

            var div1 = $("#div1"),div2 = $("#div2");
            var div1Width = div1.width(),
                    div2Width = div2.width(),
                    div1Height = div1.height(),
                    div2Height = div2.height(),
                    div1Left = div1.offset().left,
                    div2Left = div2.offset().left,
                    div1Top = div1.offset().top,
                    div2Top = div2.offset().top,
                    div1Right = div1Left+div1Width,
                    div2Right = div2Left+div2Width,
                    div1Bottom = div1Top+div1Height,
                    div2Bottom = div2Top+div2Height;
            if(div2Left<div1Left){
                console.log("左边超出");
                div2.css("left","10px");
            }
            if(div2Top<div1Top){
                console.log("上边超出");
                div2.css("top","10px");
            }
            if(div2Right>div1Right){
                console.log("右边超出");
                div2.css("right","10px");
            }
            if(div2Bottom>div1Bottom){
                console.log("下边超出");
                div2.css("bottom","10px");
            }