Html 类似Facebook的Box（页面插件）不工作

我试着在我的页面上添加一个facebook插件，但显示不正确。 到目前为止，我所做的是为新的Facebook开发人员，包括正确的（我希望）SDK，包括脚本并粘贴生成器给我的html代码

但是我的页面插件工作不正常，我得到的是一个简单的橙色块，带有一个简单的超链接重定向到我的fb页面。 我找不到任何帮助，因为他们改变了在HTML5XFBML和iframe之间切换的可能性。我认为这将是一个css问题，所以我尝试编辑包含页面插件的div来禁用一些css属性，但没有改变任何事情。 例如，如果我尝试从我的另一个站点添加iframe代码，它就可以正常工作

我真的不知道我的问题来自哪里，我希望有人能帮助我

---

（：

我想可能是你的设置有误！可以给我们一个截图进行验证吗

这是一个例子：

<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/fr_FR/sdk.js#xfbml=1&version=v2.3";
  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/fr#u fr/sdk.js#xfbml=1&version=v2.3”；
fjs.parentNode.insertBefore（js，fjs）；
}（文档“脚本”、“facebook jssdk”）；

嗨，JACRAC，我找到了一个解决方案，有时我需要对它进行测试，它是有效的。这是您必须在您的博客中添加的代码：

<div id="fbpage">
    <div id="u_0_18"><div fb-iframe-plugin-query="app_id=114545895322903&amp;container_width=588&amp;height=350&amp;hide_cover=false&amp;href=https%3A%2F%2Fwww.facebook.com%2Fisccef&amp;locale=fr_FR&amp;sdk=joey&amp;show_facepile=true&amp;show_posts=false&amp;width=280" fb-xfbml-state="rendered" class="fb-page fb_iframe_widget" data-show-posts="false" data-show-facepile="true" data-hide-cover="false" data-height="350" data-width="280" data-href="https://www.facebook.com/isccef"><span style="vertical-align: bottom; width: 280px; height: 191px;"><iframe class="" src="https://www.facebook.com/v2.3/plugins/page.php?app_id=114545895322903&amp;channel=https%3A%2F%2Fs-static.ak.facebook.com%2Fconnect%2Fxd_arbiter%2FQrU_tEEWym9.js%3Fversion%3D41%23cb%3Df2b104c9e204ff8%26domain%3Ddevelopers.facebook.com%26origin%3Dhttps%253A%252F%252Fdevelopers.facebook.com%252Ffad5f0e18965b4%26relation%3Dparent.parent&amp;container_width=588&amp;height=350&amp;hide_cover=false&amp;href=https%3A%2F%2Fwww.facebook.com%2Fisccef&amp;locale=fr_FR&amp;sdk=joey&amp;show_facepile=true&amp;show_posts=false&amp;width=280" style="border: medium none; visibility: visible; width: 280px; height: 191px;" title="fb:page Facebook Social Plugin" scrolling="no" allowfullscreen="true" allowtransparency="true" name="f3d121ac9c81b02" frameborder="0" height="350px" width="280px"></iframe></span></div></div>
</div>

---

如果您需要任何其他帮助，请向我发送消息，祝您玩得开心。

只有当您将页面上载到服务器上时，它才会工作。如果您正在本地测试，那么它将无法工作。

您好，这里有一个屏幕可能会帮助您帮助我：我不知道您是如何做到这一点的，但您的代码工作得非常好！我很想知道您是如何做到的，但无论如何Ank太多了！没问题jacrac，我喜欢帮助别人：D你可以在twitter@houssame上关注我，我们可以交流我们的知识。这可能是因为FB SDK无法正确计算FB内容的维度。它使用父元素。这可能是因为它没有附加到根HTML，而附加到它的家长（我有过几次这样的问题）。

#fbpage{
width: 280px;
height: 350px;
background-color: #e5e5e5;
 }