此iframe的宽度来自哪里？

另一个与Facebook“Like”iframe相关的问题：我简直不明白它的宽度来自哪里。看看下面的代码此iframe的宽度来自哪里？

<html> 
<body> 
Test<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.google.com&amp;send=false&amp;layout=button_count&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:21px;" allowTransparency="true"></iframe>Test 
</body> 
</html>

这是包括在一个页面Facebook's "Like" button的最小演示。您会注意到按钮周围的“测试”字样间隔很远。 Inspector工具显示iframe的宽度恰好为300px。但是，浏览iframe的DOM树时，找不到可能导致iframe扩展到该宽度的单个元素或样式。在iframe中加载的页面没有使用任何CSS，甚至提到了与300px有关的任何内容。

这看起来很奇怪，但在浏览器中是一致的。最终，我希望iframe能够简单地适合它的内容（请参阅我的上一个问题），但现在，我只需知道为什么它首先扩展到300px宽。

来源

2011-08-03 limulus

再次没有答案？看来我们在这里有一个真正的奥秘！ – limulus

在这里完全回答：http://stackoverflow.com/a/22844117/792888 – EvilDr

可能重复[默认宽度/ IFrame的高度]（http://stackoverflow.com/questions/5871668/default-width-height- iframe） – EvilDr

我终于解决了这个谜团至少：

300像素x 150像素是火狐，Chrome默认iframe的尺寸，也许一些其他浏览器。检查员没有证明这一点是可耻的。

来源

2011-08-04 07:03:18 limulus

它仍然保持。我记得并回来接受，谢谢。 – limulus

此iframe的宽度来自哪里？

回答

相关问题