Google Chrome＆FB Like Button頁面底部

Question

我遇到了一個奇怪的問題。 我在頁面底部有一個Facebook按鈕。點擊後，彈出Facebook的「評論/分享」框。

FF和IE下的行爲是正確的，但不是在Chrome中，在頁面底部切出框。換句話說，頁面不會調整大小，因爲它在FF和IE下。
頁面具有最小高度和最大高度，並且容器具有overflow：visible屬性，因爲facebook文檔建議避免共享iframe的某些顯示問題。 奇怪的是，只需打開開發人員工具，並檢查/取消選中FB按鈕的任何父元素的任何CSS屬性，該問題就會消失。

我的猜測是Chrome的按鈕被點擊時，窗口的大小調整不會被Chrome捕獲，而是在使用開發人員工具時。 我試圖探索問題的其他來源（最大高度不能正常工作或更高的元素有溢出：隱藏），但我沒有發現任何結論。

謝謝你的幫助。

Answer 1

如果您在Chrome中運行主題，則可能會遇到問題。如果是，嘗試重置爲默認主題：

options > personal stuff > themes > reset to default theme 

此外，還要確保你沒有縮小或Chrome瀏覽與變焦有點古怪。

假設這些都不是問題，嘗試將共享代碼在一個div一個唯一的ID或類：

<div id="myFacebookContainer">Plugin HTML Here</div> 

你的CSS將包括沿此線的東西：

#myFacebookContainer span{ 
    height:25px; 
} 
#myFacebookContainer iframe{ 
    height:25px; 
} 

我希望其中一個建議有幫助！