iFrame 标签的边距答案

【问题标题】：Margin on iFrame TagiFrame 标签的边距
【发布时间】：2025-12-30 20:15:11
【问题描述】：

我有一个加载滚动图片横幅的 iFrame 标记，当它加载时，它在 #document 中有一个新的 html 和 body 标记。一切正常，但问题是它有一个自动 8px 的边距。我已将我能想到的所有属性都设置为 0px，但没有任何影响。我已经尝试过关于类似问题的帖子的想法，但没有任何效果。

<div id="header">

    <ul id="menu">
        <li class="menuItem"> <a href="home.html">Home</a>  </li>
        <li class="menuItem"> <a href="music.html">Music</a>  </li>
        <li class="menuItem">  <a href="services.=html">Services</a>  </li>
        <li class="menuItem">  <a href="contact.html">Contact</a>  </li>
        <li class="menuItem">  <a href="bio.html">Bio</a>  </li>
    </ul>

<iframe src="standard.html" id="bannerObj" scrolling="no" margin="0"></iframe>

这是 jsfiddle 上的完整代码 - https://jsfiddle.net/35rf6ga6/

【问题讨论】：

可以添加standard.html的代码吗？
刚刚添加....粘贴在html窗口中
谢谢@Taylor Barton

标签： html iframe margin

【解决方案1】：

iframe 默认有边框。尝试在 iframe 元素上添加 border="0" 属性或在 CSS 中添加 border: none;。

【讨论】：

不完全...感谢您指出这一点，因为我确实有一个边框，但它的 iFrame 内的有问题。当我检查元素时，一切都排成一行，直到我看到那个嵌套的标签
确保您的standard.html 标记中有html 和body 标记。我知道浏览器会在您省略它们时添加它们，但您将无法更改 body 标签上的边距。我在jsfiddle.net/35rf6ga6/2查看您的更新

【解决方案2】：

好的，所以在您的 iFrame 中添加 frameBorder="0"。这将移除边框并显示您的 iFrame。

这是一个应该是什么样子的示例：

<iframe src="myUrlPathHere" id="bannerObj" frameBorder="0" scrolling="no" margin="0"</iframe>

JSFiddle

我注意到的一些事情：

您在 #000 中打印了一个错误（不可见，因为那是背景）

{"error": "Please use POST request"}

（这可能只是因为您在本地调用脚本。也许使用诸如 cdnjs.com 之类的 cdn

在我看来，它似乎没有边距......只是一个边框......

祝你好运！

编辑：这是来自 cdnjs.com 的滑块 CDN

https://cdnjs.cloudflare.com/ajax/libs/jssor-slider/25.2.0/jssor.slider.min.js

【讨论】：