facebook - 使用框计数布局使 Facebook 赞按钮评论弹出窗口锚定在右侧

Question

我正在尝试正确对齐 Facebook 点赞按钮的评论弹出窗口。我正在使用框数布局，这样我就可以将所有 Facebook/Twitter/Google+/Whatever 按钮对齐到右侧。

这是我的实际页面布局。看起来像我想要的。

但是一旦我单击“赞”按钮，评论弹出窗口就会从左侧锚定在窗口之外。无赖。

我想要的只是让弹出窗口从右侧而不是左侧锚定 我尝试了所有版本的按钮。 IFRAME 版本不显示评论框但无法正确对齐。 HTML5 和 XFBML 正确对齐，但它们都在窗口外显示弹出窗口。

我在 Facebook's documentation 中没有看到任何参数调整评论弹出窗口的对齐方式或强制评论弹出窗口在真实的浏览器弹出窗口中打开。顺便说一句，这无法通过 CSS 进行调整，因为该死的弹出窗口位于该死的 IFRAME 中，即使我使用的是 HTML5 和 XFBML 标记也是如此。

有没有一种干净的方法可以:

1. 将此弹出窗口固定在右侧
2. 在实际的浏览器弹出窗口中打开弹出窗口 (window.open())
3. Conceal 弹窗

有办法实现吗？ Google +1 按钮可以完美地完成这项工作，而无需添加大量代码。

当然，简单的解决方案是将我的按钮移到左侧，但这很糟糕。

任何帮助将不胜感激。谢谢:)

Answer 1

试试这个

<center>
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1">
</script><iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FID_HERE&amp;layout=standard&amp;show_faces=false&amp;colorscheme=light&amp;width=50&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:50px; height:30px;" allowtransparency="false"></iframe>

将 ID_HERE 替换为您的页面 ID