另一个与Facebook "Like" iframe相关的问题:我根本不明白它的宽度是从哪里来的。看看下面的代码
<html>
<body>
Test<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.google.com&send=false&layout=button_count&show_faces=false&action=like&colorscheme=light&font&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:21px;" allowTransparency="true"></iframe>Test
</body>
</html>
是在页面中包含Facebook的"喜欢"按钮的最小演示。您会注意到按钮周围的单词"Test"相隔很远。检查器工具显示iframe的宽度是300px。但是，在浏览iframe的DOM树时，我找不到一个元素或样式会导致iframe扩展到该宽度。在iframe内加载的页面使用的CSS甚至没有提到任何与300px有关的内容。
这对我来说看起来很奇怪，但在浏览器中是一致的。最后，我希望iframe能够简单地适应它的内容(参见我之前的问题)，但是现在，我只想知道为什么它会扩展到300px的宽度。
我终于解开了这个谜:
300px x 150px是Firefox, Chrome和其他浏览器默认的iframe尺寸。