最近遇到iframe自适应窗口大小的问题,最后用决定使用jquery解决问题。代码如下: $(function(){ //注册加载事件 $("#rightFrame").load(pagestyle); //注册窗体改变大小事件 $(window).resize(pagestyle); }); //调用函数 var pagestyle = function (){ var rframe = $("#rightFrame"); var lframe = $("#leftFrame"); var rcontent = rframe.contents().find("body"); var rh = rcontent.height(); var wh = document.documentElement.clientHeight - 58; var wd = document.documentElement.clientWidth - 185 - 25; rcontent.width(wd); rframe.attr("height",wh); lframe.attr("height",wh); } 以下为页面上的两个iframe: <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="190" background="/images/top.gif" bgcolor="#CCCCCC"> <iframe width="185" height="650" id="leftFrame" name="leftFrame" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no" allowtransparency="yes" src="method.do?wp=1" mce_src="method.do?wp=1"></iframe> </td> <td widhth=100%> <iframe width="100%" height="650" id="rightFrame" name="rightFrame" frameborder="no" scrolling="auto" src="/methdo.do?wp=2" mce_src="methdo.do?wp=2"></iframe> </td> </tr> </table>