Heim > Web-Frontend > HTML-Tutorial > 关于div和iframe显示的问题_html/css_WEB-ITnose

关于div和iframe显示的问题_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 12:22:02
Original
947 Leute haben es durchsucht

div iframe

问题是这样的,我现在有一个iframe写在了一个div层里。
但是这个iframe里面的内容是会越来越多,所以height会越来越高
现在的情况是如果太高了的话,这个层里就不能都显示出来了
我本来以为把div的height设成auto iframe的高设成100%就可以了
但是发现不行,请教下应该怎么办啊?

回复讨论(解决方案)

div 不设置高度  iframe 高度自适应 。http://download.csdn.net/detail/stongyann/4958175

把div的style去掉就是默认全屏。

<div style="width:800px; height:600px;"><iframe style="display:none;" id="iframeInfo" name="iframeInfo" onload="javascript:{dyniframesize('iframeInfo');}" marginwidth="0" marginheight="0" height="100%" width="100%" scrolling="auto" frameborder="0" src="http://www.baidu.com"></iframe></div><script language="javascript">    var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1];    //extra height in px to add to iframe in FireFox 1.0+ browsers    var FFextraHeight=getFFVersion>=0.1? 16 : 0 ;  function dyniframesize(iframename) {	   var pTar = null;	   if (document.getElementById){		   pTar = document.getElementById(iframename);	   }	   else{		   eval('pTar = ' + iframename + ';');	   }	   if (pTar && !window.opera){		   //begin resizing iframe		   pTar.style.display="block";			  		   if (pTar.contentDocument && pTar.contentDocument.body.offsetHeight){			   //ns6 syntax			   pTar.height = pTar.contentDocument.body.offsetHeight+FFextraHeight;		   }		   else if (pTar.Document && pTar.Document.body.scrollHeight){			   //ie5+ syntax			   pTar.height = pTar.Document.body.scrollHeight;		   }	   }   }</script>
Nach dem Login kopieren

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage