css - CSS - Facebook 按钮在喜欢后下拉

Question

我们有这个烦人的布局问题。请查看以下网址以查看它的实际效果：

类似 FB 的按钮整齐地位于顶部导航栏中。但是，一旦您单击“喜欢”并输入评论，按钮就会下拉到导航栏下方。如果刷新页面，按钮会再次正确显示。

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

score 1 · Accepted Answer

1

简单修复：

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

于 2012-09-13T06:50:40.713 回答

score 1 · Accepted Answer

嗨，现在将您的CSS定义为这样heightiframe

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


!important must give to this

结果是这个

在此处输入图像描述

score 0 · Accepted Answer

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

因此，您必须在允许最坏情况的位置（即 450 像素）使其适合您的设计。

score 0 · Accepted Answer

只需将您的#top-nav-rightCSS 规则更改为：

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

4 回答 4