擺脫iframe身體默認保證金

我從第三方網站嵌入iframe。我無法控制它，所以除了寬度和高度之外，我無法更改iframe內的任何內容，這可能是絕對值或百分比值。擺脫iframe身體默認保證金

我想iframe的內容是resposive，所以我將容器的CSS寬度和高度設置爲100％，並且iframe本身具有全尺寸div（相同100％/ 100％）。問題是瀏覽器爲iframe的主體添加了默認的8px頁邊距，所以出現水平滾動條。當我使用開發工具禁用此邊距時，它完全可以正常工作。

澄清它不是iframe邊距。內部文檔body元素的默認頁邊距爲8px，由瀏覽器設置。

有沒有辦法擺脫那個默認的邊距？很明顯，CSS無法控制iframe，我很確定JS不會在另一個域上工作。它以固定的高度工作，例如，我將600設置爲iframe高度，將616設置爲容器的高度，但我希望它可以動態更改。

[iframe body remove space]可能的重複（http://stackoverflow.com/questions/13146177/iframe-body-remove-space） – dippas

不，它不是重複的。這個是關於iframe中的空間的;另一個有點不清楚，但我認爲這是關於外面的空間。 – xgretsch

嘗試將box-sizing: border-box添加到iFrame規則 - 這應該將邊距整合到100％。

2016-05-10 10:10:47 Johannes

是否有可能以某種方式設置外部iframe？我無法控制它，所以我不能把它放在裏面。 –

我的意思是，您放置iframe的容器。或者，也可以像'#container> iframe（box-sizing：border-box; }'或類似的 – Johannes

抱歉，這似乎不起作用。我試圖設置容器和iframe本身。我認爲問題與iframe內容一樣，它也有100％的高度div，包含SWF對象。 iframe和容器都沒有空白，這是內部文檔有一個。 –

回答