0

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

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

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

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

4

4 回答 4

1

简单修复:

.fb-like {width: 128px !important;}
于 2012-09-13T06:50:40.713 回答
1

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

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


!important must give to this

结果是这个

在此处输入图像描述

于 2012-09-13T06:52:02.907 回答
0

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

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

于 2012-09-13T06:50:11.390 回答
0

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

#top-nav-right {
  float: right;
  overflow: hidden;
  padding: 4px 125px 0 0;
  width: 129px;
}
于 2012-09-13T06:55:06.057 回答