iframe 宽度 100% 不是真正跨越页面答案

【问题标题】：iframe width 100% not really span pageiframe 宽度 100% 不是真正跨越页面
【发布时间】：2012-10-19 02:40:49
【问题描述】：

我给我的<iframe> 标签设置了style="width:100%" 的样式，它几乎跨越了整个页面，只是它在左侧和右侧留下了一个小边距。（我在 Firefox 和 Chrome 上都试过了，结果是一样的。）这看起来没什么大不了的，但如果 iframe 不留左右边距会更好。有没有办法做到这一点？

【问题讨论】：

我们需要看一些代码——最好是 jsFiddle
这很有趣......在 jsFiddle 中，边距确实 not 出现。 jsfiddle.net/7MXz5 但在我的浏览器上确实出现了。
在你的 CSS 中添加 body { margin: 0; padding: 0; } - 应该修复它
看起来只有margin: 0 可以解决问题！

标签： html iframe width margin

【解决方案1】：

这个 CSS 在 Firefox 中适用于我：

body { margin:0px; }
iframe { width:100%; height:100%; border:none }

【讨论】：

看起来只有body { margin:0px; } 可以解决问题！（不需要border:none）

【解决方案2】：

style="width:100%;margin:0 -10px 0 -10px;"

或您认为需要将其带到边缘的任何数量。负数给它一个负边距，所以它应该伸展到外边缘，如果不是 -20px。

【讨论】：