2011-06-22 32 views
13

我想弄清楚爲什麼Facebook評論框正在裁剪。我已經嘗試將寬度屬性更改爲比必要更大的尺寸。我給我的fb添加了一個高度屬性,就像它的定義一樣,儘管它看起來不像它的支持。似乎都沒有幫助。Facebook贊評論框垂直和水平切斷

我還在fb:like元素正下方的Comments元素上加了一個「margin-top」樣式,以確保它與評論框下面的內容沒有關係,這會導致它被截斷。

你可以看到我在這裏談論的截圖:http://i.stack.imgur.com/y2Fll.jpg

我一直是這樣一個有一段時間了拼殺。如果任何人都可以提供任何幫助,我會很感激。謝謝!

+0

你有代碼示例嗎?乍一看,它看起來像是在具有固定寬度和高度的容器內。 – Jesse

回答

15

確保所有父元素在其CSS定義中都有溢出:可見集。

+0

謝謝!這又爲我節省了一個小時.. –

0

我發現,如果你有iframe設置爲max-width: 100%;這完全與fb樣按鈕螺絲。我改成了iframe的{ max-width: inherit; }

6

CSS的簡單一點的伎倆:

.fb-like iframe { 
    max-width: inherit; 
} 

你的情況,但它可能是母公司正在削減其關閉,因爲在我的情況下,沒有足夠的空間來評論框的權利。然而,iframe應該是絕對定位的,因此不關心整個盒子的父類是什麼樣的。

0

它的一個簡單的修復,在代碼中有一個高度爲62px,但如果你的頁面名稱是2行的部分像按鈕將被切斷,高度不會自動更新,我更新到70現在問題解決了