iFrame摆脱了白边界

Question

这是一个截图，以帮助解释我在问什么。

  

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

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

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

这是iframe网页上的CSS：

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

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

您可以看到iFrame的白色（左侧和顶部）不应该存在。我在包含iFrame

的网页中添加了一些CSS

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

我认为它可能是导致它的“div”标签（iFrame的div标签或其上方的div）。

Answer 1

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

以下是修复它的代码：

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

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