html5 iframe幾乎全屏？

Question

我正在研究在我的其他XHTML 1.0 Strict站點上使用frameset，但我注意到，使用HTML5 frameset功能已過時，應該使用iframe來代替。

我需要在我的網站中加載一個外國網站，我的網站只佔用屏幕的最頂部（如果它不妨礙滾動，它會很好，例如，看起來好像我的頂部部分我的網站實際上是在外國網站內的iframe）。

如何使用HTML5 iframe執行此操作？ 我可以將iframe的height設置爲在iframe和width範圍內加載的文檔的全尺寸爲全屏寬度嗎？我自己的網站只是頂部的一個小單行菜單;否則整個屏幕必須專用於iframe。

沒有JavaScript，必須是HTML5專用的（可能帶有一些小CSS，但沒什麼特別之處，因爲它必須在諸如lynx/links之類的瀏覽器中工作）。

Answer 1

使用position的fixed和absolute的組合。

Example：

<div id="myHeader">My site portion</div> 
<div id="myWrapper"><iframe id="myIframe" src="data:text/html;charset=utf-8,<div style='position:absolute;height:100%;width:100%;background-color:red;'>other Site</div>"></iframe></div> 


body { 
    margin: 0 0 0 0; 
} 

#myHeader { 
    position: fixed; 
    top: 0; 
    height: 100px; 
    width: 100%; 
} 

#myWrapper { 
    position: absolute; 
    top: 100px; 
    bottom: 0; 
    left: 0; 
    right: 0; 
} 

#myIframe { 
    height: 100%; 
    width: 100%; 
}