Facebook弹出框不全部显示

Question

我尝试将Facebook代码嵌入我的博客：

<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.5";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-send" data-href="http://codingvn.com/2016/02/01/viet-chuong-trinh-java-dau-tien/""></div>

<div class="fb-like" data-href="http://codingvn.com/2016/02/01/viet-chuong-trinh-java-dau-tien/" data-width="500" data-layout="box_count" data-action="like" data-show-faces="true" data-share="true"></div>

我也尝试：style="z-index:99999;"

<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.5";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-send" data-href="http://codingvn.com/2016/02/01/viet-chuong-trinh-java-dau-tien/" style="z-index:99999;"></div>

<div class="fb-like" data-href="http://codingvn.com/2016/02/01/viet-chuong-trinh-java-dau-tien/" data-width="500" data-layout="box_count" data-action="like" data-show-faces="true" data-share="true" style="z-index:99999;"></div>

但结果很差： 按Facebook时按钮

按Facebook发送按钮时

帮助我，我尝试了超过1周但没有成功。

Answer 1

添加此css：

.fb-like span {
    overflow:visible !important;
    width:450px !important;
}

.fb-send span {
    overflow:visible !important;
    width:450px !important;
}