javascript - Facebook 链接在页面中创建空白

Question

我正在使用 Facebook 自己的脚本，并在我的网站上实现了该脚本。问题是它在网站右侧制作了一个大约 35px * 页面高度的空白。我在 Firebug 的任何地方都找不到它，并且已将脚本隔离为原因。

我如何使用或更改它，以免出现空白？因此获得水平滚动真的很烦人!如果我为 fb:like 设置宽度超过 400px(div 大小)，空白消失但按钮放置错误

脚本:

<script src="http://connect.facebook.net/en_US/all.js#appId=222642751115062&amp;xfbml=1"></script><fb:like href="<My Page Name>" send="true" width="350" show_faces="true" font=""></fb:like>

截图: http://imageshack.us/photo/my-images/59/problemx.png/

当前解决方案将 background-image 放在 body 标签上，使空白与背景颜色相同，然后像这样删除滚动条:

html
{
overflow-x: hidden ! important;
overflow-y: auto ! important;   
}

Answer 1

我认为点赞按钮的宽度太宽了。尝试将其设置为较低的值 (width="150"):

<script src="http://connect.facebook.net/en_US/all.js#appId=222642751115062&amp;xfbml=1"></script><fb:like href="<My Page Name>" send="true" width="150" show_faces="true" font=""></fb:like>