此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的寬度來自哪裏？

回答

相關問題