2014-12-06 34 views
0

我有以下代码嵌入页面完全使用iframe中,没有边界,没有空格在边境曾经是

<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)上为我工作的简单答案。谢谢。

回答

1

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

添加一个文件类型,以便页面不会以怪癖模式呈现(因为这会使其更难预测)。添加一个从body元素中删除边距和填充的样式表。

<!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> 
+0

谢谢。但是现在有一个高度问题。无论出于何种原因,它大约是200px。另外滚动条在一边。你会碰巧知道如何解决这些问题吗? – applecrusher 2014-12-06 23:20:48

+0

@ user1917363:尝试设置'html'和'body'元素的高度,并设置'overflow:hidden'来摆脱滚动条。请参阅上面的代码。 – Guffa 2014-12-06 23:30:43

+0

谢谢。这帮助我找到了一个可在Firefox,Internet Explorer,Chrome和Opera中使用的完整解决方案。我对任何人的未来最终的代码中使用<!DOCTYPE HTML样式= “高度:100%”!> <车身风格= “保证金:0像素;填充:0像素;” >