2012-12-21 125 views
0

有沒有辦法與iFrame做到這一點,並讓它適用於所有瀏覽器?或者我將不得不去使用Javascript。如果有的話,有人可以幫助我嗎?iFrame自動高度

我需要一個自動高度,以便根據需要擴展。

謝謝!

+0

請參閱我的答案:http://stackoverflow.com/a/20789453/1435655 – m59

回答

0

我前段時間爲我找到了解決方案。它沒有JS,但你必須使用table。這就是我對它的使用方式,也許您需要的變化很少。

<head> 
<style> 
*{margin:0;padding:0} 
html, body {height:100%;width:100%;overflow:hidden} 
table {height:100%;width:100%;table-layout:static;border-collapse:collapse} 
iframe {height:100%;width:100%} 

.header {border-bottom:1px solid #000} 
.content {height:100%} 
</style> 
</head> 

<table> 
    <td class="header"></td> 
    <td class="content" width="80%" valign="top"><iframe id="reportframe" src="src.html" frameborder="0"></td> 
</table>