摆脱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和容器都没有空白，这是内部文档有一个。 –

回答