Javascript 如何制作iframe';身高100%。。?
我希望谷歌地图iframe占据100%的高度,到目前为止,它只有大约150px。代码如下所示,我应该怎么做,请帮助我Javascript 如何制作iframe';身高100%。。?,javascript,html,css,Javascript,Html,Css,我希望谷歌地图iframe占据100%的高度,到目前为止,它只有大约150px。代码如下所示,我应该怎么做,请帮助我 <iframe width="67%" height="100%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.co.in/maps?f=q& source=s_q& hl=en&
<iframe width="67%" height="100%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.co.in/maps?f=q&
source=s_q&
hl=en&
geocode=&
q=Prabhakar.C,+ICON+Design+Studio,+sathy+road,+Ganapathy,+87-A,+First+floor,+muniappakoil+thottam,,+Coimbatore,+Tamil+Nadu&aq=1&sll=21.125498,81.914063&sspn=55.331887,107.138672&
ie=UTF8&
hq=Prabhakar.C,+ICON+Design+Studio,+sathy+road,+Ganapathy,+87-A,+First+floor,+muniappakoil+thottam,,&hnear=Coimbatore,+Tamil+Nadu&t=m&
ll=11.041457,76.983948&
spn=0.080872,0.109863&
z=13&iwloc=A&
output=embed">
</iframe>
从代码中删除“150px”并将其替换为“100%”尝试添加此css
html, body, div, iframe { margin:0; padding:0; height:100%; }
iframe { position:fixed; display:block; width:100%; border:none; }
如果什么都没有发生,您可以尝试使用javascript:
iframe = document.getElementById("frameId");
frame_height = 500;
iframe.height = frame_height;
如果未发生任何情况,请选中此复选框,只有设置了父div的高度,才能实现100%的高度。例如,如果父div的高度为500px,则高度为100%的子div的高度为500px 由于iframe的父元素是
body
(只要它是页面上的唯一元素),因此必须将body
的高度设置为100%:
body {
height:100%;
}
但是body也有一个父元素-html
。因此,您还必须设置html
的高度:
html, body {
height:100%;
}
然后您的iframe:
<iframe height="100%" src="..."></iframe>
应该伸展到窗户的高度