我们有这个烦人的布局问题。请查看以下网址以查看它的实际效果:
http://www.businesseventsydney.com.au/home-page-test.cfm
类似 FB 的按钮整齐地位于顶部导航栏中。但是,一旦您单击“喜欢”并输入评论,按钮就会下拉到导航栏下方。如果刷新页面,按钮会再次正确显示。
任何人都可以对此有所了解吗?
我们有这个烦人的布局问题。请查看以下网址以查看它的实际效果:
http://www.businesseventsydney.com.au/home-page-test.cfm
类似 FB 的按钮整齐地位于顶部导航栏中。但是,一旦您单击“喜欢”并输入评论,按钮就会下拉到导航栏下方。如果刷新页面,按钮会再次正确显示。
任何人都可以对此有所了解吗?
简单修复:
.fb-like {width: 128px !important;}
嗨,现在将您的CSS定义 为这样height
iframe
.fb_iframe_widget iframe{
height:244px !important;
border-bottom:solid 1px #000;
}
!important must give to this
结果是这个
元素从喜欢之前的宽度为 129 像素等变为喜欢后的宽度为 450 像素。
因此,您必须在允许最坏情况的位置(即 450 像素)使其适合您的设计。
只需将您的#top-nav-right
CSS 规则更改为:
#top-nav-right {
float: right;
overflow: hidden;
padding: 4px 125px 0 0;
width: 129px;
}