0

这是一个屏幕截图，可帮助解释我在问什么。 橙色是 iFrame 的总大小。 绿色是 iFrame 内容大小，蓝色是文本（在此屏幕截图中不可见）

橙色是 iFrame 的总大小。绿色是 iFrame 内容大小，蓝色是文本（在此屏幕截图中不可见）

正如您在橙色周围看到的那样，有一个不会消失的白色边框。我已经包含以下代码试图摆脱它：

<iframe width="100%" height="60" frameBorder="0" src="http://iframeurl.html"></iframe>

这是 iframe 网页上的 CSS：

body {
    margin: 0;
    margin-top: 0;
}

如您所见，我摆脱了 iFrame 中的边距（在网站上从边缘到边缘），并且在包括 iFrame 在内的网页上将边框设置为“0”。

您可以看到不应该存在的 iFrame 的白色（左侧和顶部）。我在包含 iFrame 的网页中添加了更多 CSS

.iframe, object, embed{
    width: 100%;
    height: auto;
    border:none;
}

我相信它可能是导致它的“div”标签（iFrame 的 div 标签或它上面的 div）。

4

1 回答 1

0

谢谢大家的回复！@filipko 我再次查看了检查器和我的 iFrame 导致它之前的 div 标签。我只是按照@James 的建议将“边框、填充和边距”更改为 0。

这是修复它的代码：

.ui-content {
padding-top: 0px;
margin-top: 0;
border-top: none;
}

.ui-content 是我的 iFrame 之前的 div。多谢你们！

于 2013-04-30T19:40:50.267 回答