iFrame摆脱白色接壤

这里是一个截图，以帮助解释我在问什么。 Orange is the iFrame total size. Green is the iFrame content size and the blue is the text (not visible in this screen shot) iFrame摆脱白色接壤

Orange是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, object, embed{ 
    width: 100%; 
    height: auto; 
    border:none; 
}

我相信这可能是“格”的标签可能会造成它（无论是对iFrame的div标签或它上面的DIV）的网页一些CSS。

来源

2013-04-30 nikobradshaw

边框，*填充*和边距，你的空白敌人。 – James 2013-04-30 19:27:54

@詹姆士填充元素去哪里？ – nikobradshaw 2013-04-30 19:32:43

你应该尝试使用一些html inspector浏览器内置工具来找出问题出在哪里。我会尝试设置填充和边距为零（也用于html标签）。你有没有为你的iframe标签设置class属性？因为在你的CSS中你使用的是.iframe（而不是iframe）。 – filipko 2013-04-30 19:35:04

感谢球员们的回应！ @filipko我在iFrame造成它之前再次查看了检查员和div标签。正如@James所建议的那样，我只是将“边框，填充和边距”更改为0。

这里是固定它的代码：

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

的.ui内容是我的iFrame前的股利。多谢你们！

来源

2013-04-30 19:40:50 nikobradshaw

iFrame摆脱白色接壤

回答

相关问题