如何用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填充网页？

回答

相关问题