左侧固定,右侧自适应,两列等高并且自适应的第二种办法

//界面高度自适应
    var headHeight=$(".header").height();//头部高度
    var mainHeight=$(".mainContent").outerHeight()+40;//内容区域高度
    var minHeight=$(window).height()-headHeight;//屏幕区域高度不算头部

    if (mainHeight<minHeight) {
        $(".container").height($(window).height()-headHeight);
    }else{
        $(".container").height(mainHeight);
    }
    $(window).resize(function(e) {
        var mainHeight=$(".mainContent").outerHeight()+40;
        var minHeight=$(window).height()-headHeight;
        if (mainHeight<minHeight) {
            $(".container").height($(window).height()-headHeight);
        }else{
            $(".container").height(mainHeight);
        }
    });
posted @ 2016-03-18 14:29  Mu薇  阅读(175)  评论(0编辑  收藏  举报