div中有一个iframe，要求div显示iframe的部分内容，并且要求div随着浏览器的变大或变小等比例变化，如何实现？_html/css_WEB-ITnose

div中有一个iframe，要求div显示iframe的部分内容，并且要求div随着浏览器的变大或变小等比例变化，如何实现？

也可以使用javascript来做，只要能实现就行。

请高手来试一试，分不够可以加分！

回复讨论(解决方案)

这样吗

  <style>html,body{height:100%;}</style><div style="width:50%;height:50%;position:relative;"><iframe src="http://www.baidu.com" style="width:100%;height:100%;position:absolute;top:0px;left:0px;"></iframe></div>

iframe 显示的内容由宽度控制，div随着浏览器的变大或变小用百分比,

                
                

<script> <br /> window.setInterval(function(){ <br /> iFrameHeight() <br /> }, 100); <br /> function iFrameHeight() { <br /> <br /> var ifm= document.getElementById("iframeH"); <br /> var subWeb = document.frames ? document.frames["iframeH"].document : ifm.contentDocument; <br /> ifm.height = subWeb.body.scrollHeight; <br /> <br /> <br /> } <br /> </script>