摆脱iframe身体默认保证金

Question

我正在嵌入来自第三方网站的iframe。我无法控制它所以我无法更改iframe内的任何内容，除了宽度和高度，可以是绝对值或百分比值。

我希望iframe内容是resposive，所以我将容器的CSS宽度和高度设置为100％，iframe本身具有完整大小div（相同的100％/ 100％）。问题是浏览器向iframe的主体添加默认的8px边距，因此会出现水平滚动条。当我用Dev Tools禁用这个边距时，一切都很完美。

澄清它不是iframe边际。内部文档body元素的默认边距为8px，由浏览器设置。

有没有办法摆脱这个默认保证金？显然CSS无法控制iframe，我很确定JS也不会在另一个域上工作。 它适用于固定高度，例如我将600设置为iframe高度，将616设置为容器，但我希望它能够动态更改。

Answer 1

尝试将box-sizing: border-box添加到iFrame规则中 - 这应该将边距整合到100％中。