HJin.me 黄金一博

很多人在自己的博客上面安装了Google Friend Connect，但是近期，这个在Firefox下，会出现容器高度不足的问题。这里，我介绍一点点简单的方法来解决这个问题。下文针对不同浏览器的用户提供不同的方法来修正这个问题。

有Firebug的Firefox用户

如果你用的是Firefox，并且安装了Firebug的话，就简单多了，右键点击Google Friend Connect，然后查看元素，在左侧源代码里面选中iframe，然后在最后边的窗口里面选中布局，这个时候，在中间蓝色的框框里面就能够看到Google Friend Connect的实际高宽了。

然后在你的CSS文档里面添加上这样一句

/*  Google Friend Connect    */ 
#remote_iframe_0 {height:240px;} 

这个是专门针对Firefox的一段CSS，比如我的iframe高度是240px，我就在上面代码里面设置的为240px，保存就可以了。

没有FIrebug插件，而有IE或者Chrome的用户

当然，如果你没有Firebug，那QQ应该有把，用IE打开你的博客，然后用QQ截图功能测量一下Google Friend Connect的实际高度，然后稍稍把高度增大一点点，比如我在IE下面测量的是236px，然后，我就写240px了。

最后，还是把前面的一段代码粘贴进CSS，就可以了。

如果你没有QQ，又没有IE，又没有Chrome

没有办法了，下载一个Firefox，然后安装Firebug插件，再按照前面说的修改一下吧。

总结

本文中的各种方法都是为了获取Google Friend Connect的真实高度，因为每个人设置的宽度不同，导致Google Friend Connect自动生成的高度也不一样，所以不能给一个固定值在修改，只能够实地测量高度，然后添加一段CSS来调整容器。

而前文中的那段代码是专门针对Firefox hack的，仅仅只会在Firefox里面展示出效果。