我最近添加了一個Facebook按鈕到我的網站，它導致一個水平滾動條出現時，它不需要。它沒有出現在Chrome中，但是在Firefox和IE中。Facebook Like按鈕導致水平滾動條
我檢查了在Firebug中創建的代碼，看不到發生了什麼問題。
下面是該網站的鏈接，所以你可以看到：http://www.swiftfurniture.com/
正如你可以看到，在Firefox和IE瀏覽器（可能是其他瀏覽器也是如此），有沒有需要時水平滾動條。這絕對是Facebook的按鈕造成的，因爲當我發表評論時，它們消失了。
我已經添加了一個固定寬度的div圍繞按鈕與溢出：隱藏應用，但它似乎忽略了這一點。
我知道還有很多其他類似的問題，但是使用PrestaShop我並不是真的想爲了得到一個Facebook Like按鈕而工作（如果可能的話）太多的核心代碼。我希望有一個解決方案，將所有包含在我創建的「社交模塊」中的代碼保留下來......即只是一個文件，而不是搞亂PrestaShop的頭文件等。
我看着你的問題有點Firebug的，可以分享一些看法，可能是很有幫助。
有代碼被注入到您的<div id="fb-root"></div>中，其中有一個iframe，其內嵌樣式寬度爲575px。
這是什麼導致滾動條。
我有同樣的問題...代碼中有一個寬度（我認爲默認值是450）。如果你把它改成150，我認爲你的狀態會很好。當然，這取決於您在facebook插件上選擇的偏好。
祝你好運，希望有所幫助。
有一個DIV只是在從該
<div id="fb-root" class=" fb_reset">
<div style="position: absolute; top: -10000px; height: 0pt; width: 0pt;">
刪除位置絕對和水平滾動就會消失 後，它會顯示一些內容說
Given URL is not permitted by the application configuration.
所以要麼只是刪除這個DIV或適用
display:none;使這個工作完美
參見這個截圖
display none;到這個div或刪除此完全的div 從代碼，將帶領您到解決方案儘管據我所知，我無法更改任何代碼？它由Facebook注入。 – BT643 2012-03-21 17:33:16
Facebook插入到您的頁面的標記可能會更改，因此您希望使用不依賴於其的解決方案。
您可以通過將FB-根格，你的身體元素
<body>
<div id="fb-root"></div>
腳本標籤和FB-像div的第一個孩子可以留在原來的地方解決這個問題。
我有'＃fb-root'作爲第一個子div，而且我仍然看到這個問題。 – emptywalls 2014-02-14 23:59:01
您可以添加到「FB狀」屬性數據寬度=「100px的」
這是正確的解決方案。加載時，我喜歡的小部件不再跳到很大的寬度。 – 2014-02-26 04:13:54
在本頁面列出的各種解決方案中，這是唯一真正爲我工作的人。症狀是當FB按鈕加載（然後消失）時，水平滾動條閃爍。 – medmunds 2014-04-06 15:09:43
的答案都不對，我在這裏工作，所以我沒有嘗試過自己。我發現了一個解決方案：
認沽下面的CSS在您的網站頭：
#fb-like-wrapper iframe {
width:100px!important
}
認沽下面要展示你喜歡按鈕HTML：
<div id="fb-like-wrapper">
<div id="fb-root"></div>
<div class="fb-like" data-href="http://www.facebook.com/yourAwesomesSite"
data-layout="button_count" data-action="like"
data-show-faces="false" data-share="false"></div
</div>
你去那裏:)
將此項添加到您的css
.fb-like{height:20px}
添加屬性數據寬度和數據高度
<div class="fb-like" data-width="124px" data-height="20px"></div>
這也防止垂直滾動條從如果不需要它出現。
不知道我錯過了什麼，我知道必須有一些東西讓它變寬，但不能發現它。衛生署！我補充說：'.FB_UI_Hidden { \t width：100px！important; }'作爲一種CSS風格，它解決了這個問題。謝謝 – BT643 2012-03-21 17:33:47