Facebook喜欢和分享插件扭曲页面，而他们正在加载chrome（桌面和iPad）

注意：我已经在桌面（mac）和ipad上测试了这个。

我注意到在我的页面上，当facebook喜欢/分享插件加载时，它会扭曲页面…就像社交插件下面的所有内容都被推下1010像素（我暂停了执行并检查了高度） 1秒然后它跳回来并按下按钮。 以前有没有人经历过这个？

我试着像这样在div中添加高度：

但它仍然在发生。

我在之后有这个：

  window.fbAsyncInit = function() { FB.init({ appId : 'XXXXXXXXXX', xfbml : true, version : 'v2.4' }); }; (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"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));  

然后页面上的实际代码是：

用css代码：

 .social-share{ display: inline-block; margin-right: 10px; position: relative; height: 35px; } 

当它发生时我检查了源代码，它显示了这个：

 iframe[Attributes Style] { width: 50px; height: 1000px; ... } 

这是facebook iframe。 什么可能导致这个？