Jquery 类似Facebook的按钮小部件评论框溢出页脚内容

我的facebook小部件代码：

<div class="fb-like " data-href="https://www.facebook.com/name" data-width="15" data-layout="standard" data-action="like" data-show-faces="false" data-share="true"></div>

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

（功能（d、s、id）{
var js，fjs=d.getElementsByTagName[0]；
if（d.getElementById（id））返回；
js=d.createElement；js.id=id；
js.src=“//connect.facebook.net/en_US/sdk.js#xfml=1&version=v2.0”；
fjs.parentNode.insertBefore（js，fjs）；
}（文档“脚本”、“facebook jssdk”）；

---

我的问题是：我把这个类似于facebook的按钮放在我的页脚内容中。当我在登录facebook后单击“类似”按钮时，它会显示评论框。这个评论框会溢出页脚高度或延伸到页脚高度。如何解决这个问题。

首先，你应该描述你想要的样式/行为：）最好是像这样的图片一个蓝图我想要改变评论框窗口的位置。改变窗口页脚内容的顶部。这是可能的。