Question

我有以下代码

<html>
<body>
<iframe src="http://anothersite.com" style="width:100%; height:100%;  overflow-y: scroll; overflow-x: hidden;"   marginwidth="0" marginheight="0" frameborder="0" vspace="0" hspace="0" seamless="seamless" ></iframe>
</body>
</html>

有一个我想要显示另一个网站的iframe，就像它是网站上的一个页面一样。然而，当移除边框并且滚动条仍在那里时仍然存在一些空白区域，但它仍然存在。我希望它看不见但仍然可滚动，边框空间消失了。请任何帮助将不胜感激。我还没有在我使用的浏览器（Chrome）上找到一个对我有用的直接答案。谢谢。

Answer 1

页面始终具有默认的边距/填充，并且在浏览器和浏览器使用的模式之间有所不同。

添加文档类型，以便页面不以怪癖模式呈现（因为这使得它不太可预测）。添加一个样式表，从主体元素中删除边距和填充。

<!DOCTYPE html>
<html>
<head>
<title>Page name</title>
<style>
html { height: 100%; }
body { margin: 0; padding: 0; height: 100%; overflow: hidden; }
</style>
</head>
<body>
<iframe src="http://anothersite.com" style="width:100%; height:100%;  overflow-y: scroll; overflow-x: hidden;"   marginwidth="0" marginheight="0" frameborder="0" vspace="0" hspace="0" seamless="seamless" ></iframe>
</body>
</html>

使用iframe完全嵌入页面，没有边框，边框曾经是空白

1 个答案: