CSS - Facebook按钮在喜欢之后下降

Question

我们有这个烦人的布局问题。请参阅以下网址，了解相关信息：

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

FB like按钮整齐地位于顶部导航栏中。但是，只要您单击“赞”并输入注释，按钮就会下拉到导航栏下方。如果刷新页面，按钮会再次正确显示。

任何人都可以对此有所了解吗？

Answer 1

简单修复：

.fb-like {width: 128px !important;}

Answer 2

您现在定义 height iframe css就像这样

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


!important must give to this

结果就是这个

Answer 3

元素从喜欢之前的宽度129px变为喜欢之后宽度为450px。

所以，你必须让它适合你的设计，允许最坏的情况，即450px。

Answer 4

只需将#top-nav-right css规则更改为：

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