第一种：这个方案能解决大多数自适应高度问题，方法是在iframe所要加载的页面上添加代码，把它的高度告诉iframe所在页面。缺点显而易见，如果iframe要加载的页面非常多而且不固定那么代码加起来很麻烦。

$(function () {    fixParentHeight();});function fixParentHeight() {    var thisbodyheight = document.body.clientHeight;    $(window.parent.document).find("#iframe").height(thisbodyheight);}

第二种：获取iframe与浏览器顶部的距离，用浏览器全高减去这个距离，得到iframe到底部的距离，将这个作为iframe高度。缺点是这个高度不能跟随iframe动态调整，如果iframe高度很小那么它还是会占据屏幕整个下半部分。

function stretchHeight(targetobj, delta) {        var sf = function () {            var tableWrap = $(targetobj);            var tableOffset = tableWrap.offset();            var documentHeight = $(document.documentElement).height();            if ($.browser.msie) {                documentHeight = document.documentElement.clientHeight;            } else {                documentHeight = window.innerHeight;            }            var tableHeight = documentHeight - tableOffset.top - (delta == undefined ? 0 : delta);            tableWrap.height(tableHeight);        };        sf();        $(window).resize(function () {            sf();        });    }    stretchHeight($("#iframe"), 10);