CSS - Facebook按鈕喜歡下降

Question

我們有這個煩人的佈局問題。請參閱以下網址看到它在行動：

http://www.businesseventsydney.com.au/home-page-test.cfm

的FB像按鈕都整齊地坐落在頂部導航欄。但是，只要您點擊「贊」並輸入評論，按鈕就會在導航欄下方下拉。如果刷新頁面，按鈕將再次正確顯示。

任何人都可以對此有所瞭解嗎？

Answer 1

簡單的解決方法：

Answer 2

元素在喜歡等之前從129px的寬度改變爲喜歡之後的寬度爲450px。因此，您必須在適合最差情況（即450px）的地方使其適合您的設計。

Answer 3

嗨現在定義height您iframe CSS作爲這樣

.fb_iframe_widget iframe{ 
height:244px !important; 
border-bottom:solid 1px #000; 
} 


!important must give to this 

結果是這樣的

Answer 4

只需將您的#top-nav-right css規則更改爲：

#top-nav-right { 
    float: right; 
    overflow: hidden; 
    padding: 4px 125px 0 0; 
    width: 129px; 
}