【问题标题】: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。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2011-09-14
    • 1970-01-01
    • 1970-01-01
    • 2012-01-13
    • 1970-01-01
    • 1970-01-01
    • 2023-03-09
    相关资源
    最近更新 更多