如何使iframe的高度達到100％..？

我想google地圖iframe佔據100％的高度，截至目前它只有150px左右。編碼如下所示，我該怎麼做，請幫助我。如何使iframe的高度達到100％..？

<iframe width="67%" height="100%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.co.in/maps?f=q&amp; 
    source=s_q&amp; 
    hl=en&amp; 
    geocode=&amp; 
    q=Prabhakar.C,+ICON+Design+Studio,+sathy+road,+Ganapathy,+87-A,+First+floor,+muniappakoil+thottam,,+Coimbatore,+Tamil+Nadu&amp;aq=1&amp;sll=21.125498,81.914063&amp;sspn=55.331887,107.138672&amp; 
    ie=UTF8&amp; 
    hq=Prabhakar.C,+ICON+Design+Studio,+sathy+road,+Ganapathy,+87-A,+First+floor,+muniappakoil+thottam,,&amp;hnear=Coimbatore,+Tamil+Nadu&amp;t=m&amp; 
    ll=11.041457,76.983948&amp; 
    spn=0.080872,0.109863&amp; 
    z=13&amp;iwloc=A&amp; 
    output=embed"> 
</iframe>

來源

2011-11-24 Prashanth Palaniswamy

-3

從你代碼中刪除「150像素」，並以「100％」

來源

2011-11-24 19:58:44 CsharpNoob

嘗試加入這個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的高度設置才能實現這個thread

來源

2011-11-24 20:11:50

100％的高度。例如，如果父div的高度爲500px，則高度爲100％的子div的高度爲500px。

由於iframe的父body（只要它是頁面上的唯一要素），那麼你必須的body高度設置爲100％：

body { 
    height:100%; 
}

但身體有父元素太— html。所以，你必須設置html的高度，以及：

html, body { 
    height:100%; 
}

那麼你的iframe：

<iframe height="100%" src="..."></iframe>

應該延伸到窗口的高度。

來源

2011-11-24 20:13:39 Purag

如何使iframe的高度達到100％..？

回答

相關問題