当iframe的高度设置成auto的时候,在ie6,ie7等一些浏览器中iframe的高度并不会随内容的改变而改变,而是会出现垂直滚动条。
现在可以用javascript来解决,在iframe的文档加载完毕后,执行:
function iFrameHeight() {
var ifm= document.getElementById("mainIframe");
if(ifm) {
var browerType = getBrowser();
if(browerType == 'ff') { //ff
ifm.height = ifm.contentWindow.document.documentElement.offsetHeight;
} else if(browerType = 'ie') { //ie
if(ifm.Document) {
ifm.height = ifm.Document.body.scrollHeight;
} else if (ifm.contentDocument) {
ifm.height = ifm.contentDocument.body.scrollHeight;
}
}
}
}