如何使Facebook像按钮的弹出框出现在左侧

Question

html显示类似按钮：

<div class="fb-like" data-href="https://www.facebook.com/TheGloopal/?fref=ts" data-layout="button" data-action="like" data-show-faces="false" data-share="false" style='float:right;'></div>

单击fb时弹出弹出窗口，如右图所示。但我希望它显示在左侧，因为按钮位于右侧。

我提到了这个：Facebook send button flyout

并尝试以下但不起作用，

.fb_edge_widget_with_comment span.fb_edge_comment_widget {
   left: -45px !important;
}

Answer 1

它在html按钮代码中：

<div class="fb-like" data-href="https://www.facebook.com/TheGloopal/?fref=ts" data-layout="button" data-action="like" data-show-faces="false" data-share="false" style='float:right;'></div>

您需要更改style='float:right;'到style='float:left;'

的位置

Answer 2

试试这个：

<div class="fb-like" data-href="https://www.facebook.com/TheGloopal/?fref=ts" data-layout="button" data-action="like" data-show-faces="false" data-share="false" style='float:left;'></div>

Answer 3

这解决了这个问题。我在下面的css中添加了

.fb_iframe_widget iframe {
    position:absolute;
    right:0px;
    background:#fff; /* in your case you may want to add a white background */
    transition: all .5s; /* completely optional, but adding a transition makes for a nice effect */
}