html - “Like” 页面被截断时的 Facebook 共享窗口

Question

我正在尝试将 FB 赞添加到我的网站。之类的似乎工作正常。但是，当有人单击“赞”按钮(在 Mac Lion 上使用 Firefox)时，会出现一个共享框，它在我的页面上显示截止。理想情况下，我希望分享框完全显示，以便访问者可以分享他们的喜好。如果这是不可能的，那么只需留下“喜欢”即可完全摆脱共享框。

这是它的样子:

facebook like http://www.sofiaandluis.com/public/facebook_like.png

代码如下:HTML

<div class="column-area">
    <div class="suscribe-social">
        <div class="up make-word-breakable">
            <div id="fb-root"></div>
            <script>(function(d, s, id) {
                var js, fjs = d.getElementsByTagName(s)[0];
                if (d.getElementById(id)) return;
                js = d.createElement(s); js.id = id;
                js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=xxxxxx";
                fjs.parentNode.insertBefore(js, fjs);
            }(document, 'script', 'facebook-jssdk'));</script>
            <div class="fb-like" data-href="https://www.facebook.com/pagename" data-send="false" data-width="300" data-show-faces="true" data-font="verdana"></div>
        </div>
        <div class="down make-word-breakable"></div>
    </div>

CSS

.column-area {
    width: 300px;
    display: block;
    box-sizing: border-box;
    float: left;
    margin-left: 2.127659574%;
}
.suscribe-social {
    border: 1px solid #E4E4E1;
    margin: 5px 0px 20px 0px;
}
.suscribe-social .up {
    padding: 10px;
    display: inline-block;
}
.make-work-breakable {
    word-wrap: break-word;
}

Answer 1

我还没有看到任何表明可以通过 FB api 配置的信息，但我相信这应该有效:

.fb-like {
    height: 20px;  // I think that's the button height, you might need to adjust
    overflow: hidden;
}

评论框仍会加载，只是被 Conceal 了。不知道那里是否会出现任何并发症，尽管我对此表示怀疑。