Question

我需要一种用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>"的情况下执行此操作？

Answer 1

将html添加到您的样式声明中。

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

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

Answer 2

指定iframe的位置。

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

如何使用iframe填充网页？

2 个答案: