Facebook喜歡在整個頁面添加填充的按鈕

因此，我們的頁腳旁邊有一個Facebook按鈕，旁邊有一個Twitter關注按鈕。出於某種原因，Facebook的按鈕是做兩個不同的奇怪的事情：Facebook喜歡在整個頁面添加填充的按鈕

看來要做到這一點不一致的基礎上，但如果這樣做，在同一時間做兩。據我所知，這只是只發生在Chrome。

有沒有人看過這個或知道一個解決方案？如果你想看看代碼，該網頁是http://www.gaychristian.net/

更新：我找到了another site this happens on。如果向下滾動到註冊區域，請轉到其他頁面，然後在Chrome中點擊後退按鈕，FB按鈕將移動，文檔會變得奇怪的額外填充。

更新2：我發現，如果你在的地方有一個明確的寬度和高度，被設置爲overflow: hidden;元素的FB鍵，FB按鈕將完全消失，而不是移動，造成怪異的填充問題。不是一個真正的修復，但比它...

enter image description here

2014-04-04 oldwren

您使用的引導作爲CSS佈局/前端庫？我遇到了一個類似的問題，那就是我沒有自己編寫自己的網站，並將其追溯到包含社交按鈕的div的class屬性值。

如果是這樣，也許解釋我有什麼幫助。在頁腳兩列載我的社交按鈕和他們的類屬性是這樣的：

<div class="col-sm-6 col-xs-12">

我改成：

<div class="col-md-6 col-sm-6">

而且似乎解決問題。

雖然我不是一個引導專家，所以不要指望詳細解釋爲什麼，我懷疑這是因爲12 + 12 = 24，所以根據引導程序，在以前的樣式下行中指定的列過多電網文檔此處提供：

有可能是解決這個問題的簡單方法，但是這是對我工作。

希望這會有所幫助，快樂的編碼！

2015-03-11 06:33:20

回答