如何用iframe填充網頁？

我需要一種方法來使用iframe填充整個網頁。這是我的代碼：如何用iframe填充網頁？

<!DOCTYPE html> 
<html> 
<head> 
    <style> 
    body{ margin:0px; width:100%; height:100%; } 
    iframe{width:100%; height:95%; border:none;} 
    </style> 
</head> 
<body> 

    <iframe src="http://www.repubblica.it/"></iframe> 

</body> 
</html>

你可以在這裏看到：http://jsfiddle.net/8nh3kfws/1/

正如你所看到的，在iframe不填充整個頁面，但有在底部一大空白。我注意到，如果我刪除"<!DOCTYPE html>"，但它不起作用，但我不知道爲什麼。

那麼，我怎樣才能不刪除"<!DOCTYPE html>"？

來源

2015-08-29 xRobot

將html添加到您的樣式聲明中。

html, body{ margin:0px; width:100%; height:100%; }

http://jsfiddle.net/8nh3kfws/2/

來源

2015-08-29 14:09:41 grgdne

也許增加'overflow：hidden'，否則你最終會得到兩個滾動條。 – LarsW

指定到iframe的位置。

iframe{width:100%; height:95%; border:none; position: absolute}

來源

2015-08-29 14:19:56 Baso

如何用iframe填充網頁？

回答

相關問題