Css 如何阻止facebook发送小部件离开屏幕？

由于沙盒iframe，它不能在jsfiddle上工作，只能在localhost上工作

CSS代码

.twitter-share-button {
    vertical-align:middle;
}
.return iframe, .return fb-send {
    margin-top: 4px;
}
.returnhere {
    position: absolute;
    right: 15px;
    top: 68px;
}
.return {
    display: inline-block;
    background-color: #3D806B;
    border-radius: 0px 0px 3px 3px;
    color: #DCDCDC;
    font-size: 0.85em;
    height: 30px;
    line-height: 2em;
    padding: 0 5px;
    vertical-align: top;
}
.return iframe, .return fb-send {
    margin-top: 4px;
}
.twitter-share-button {
    vertical-align:middle;
}
.return2 {
    display: inline-block;
    background-color: #3D806B;
    border-radius: 0px 0px 3px 3px;
    color: #DCDCDC;
    font-size: 0.85em;
    height: 30px;
    line-height: 2em;
    padding: 0 5px;
    vertical-align: middle;
}
.return2 iframe, .return2 fb-send {
    margin-top: -3px;
}
.twitter-share-button {
    vertical-align:middle;
}
#u_0_3 {
    background-color: yellow !important;
}

HTML代码

<div id="fb-root"></div>

<div class="returnhere">
    <div class="return"><a href="/tellafriend" rel="shadowbox;width=611;height=453" target="_blank">Invite via email</a>

    </div>
    <div class="return2" style="vertical-align: middle;">
        <div class="fb-send" data-href="http://compesh.com" data-font="trebuchet ms"></div>
    </div>
    <!-- <div class="return" style="vertical-align: middle;"><a href="http://www.facebook.com/sharer.php?u=https://simplesharebuttons.com" target="_blank"><img src="graphics/fbshare.png" alt="Facebook" /></a></div> -->
    <div class="return"><a href="/newdebate">Add a debate</a>

    </div>
    <!-- initialise -->
</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_GB/sdk.js#xfbml=1&version=v2.3&appId=299539706821986";
        fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));
</script>

---

我现在已经添加了相关的代码。这可能很难控制，因为弹出按钮是动态加载的，所以页面加载中的任何CSS都可能不会对其产生任何影响。这不是Facebook要解决的简单问题，他们致力于找到一个更持久的解决方案，如下所述：

#u_0_3{
      background-color: yellow !important;
      left: -200px;
}