2014-12-06 31 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像素;」 >