Facebook分享窗口，当你“喜欢”一页获得截止 [英] Facebook share window when you “Like” a page getting cutoff

问题描述

我正在尝试将FB添加到我的网站。喜欢似乎工作确定。但是，当有人点击赞按钮（在Mac Lion上使用Firefox）时，会出现一个在我的页面上显示截断的共享框。理想情况下，我希望分享框完全出现，以便游客可以分享他们的喜欢。如果这是不可能的，那么摆脱共享框所有在一起只是离开喜欢。

I am trying to add the FB like to my website. The like seems to work ok. However, when someone clicks the Like button (using Firefox on Mac Lion) a Share box appears which is show cutoff on my page. Ideally I would like the share box to fully appear so that visitors can share their like. If this is not possible then getting rid of the share box all together just leaving the "Like".

这是它的外观：

下面是代码：
HTML

Here is the code: 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;
}

推荐答案

。我删除了类

.fb-like iframe {
    width: 290px !important;
}

这篇关于Facebook分享窗口，当你“喜欢”一页获得截止的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！