Facebook like modal 隐藏在页面下方答案

【问题标题】：Facebook like modal hidden below the pageFacebook like modal 隐藏在页面下方
【发布时间】：2012-08-28 13:11:27
【问题描述】：

当在我们的页面上单击“赞”按钮时，共享模式会隐藏在 Chrome 中的页面下方。

它显示错误：“不安全的 Javascript 尝试访问带有 URL 的框架”，但我认为这不相关，因为我在其他网站上看到了相同的错误，并且它仍然适用于他们。

我们的网站通过 HTTPS 运行（不确定这是否重要），代码几乎是从 Facebook 直接复制粘贴的：

<div class="fb-like" data-href="http://www.facebook.com/Coinbase" data-send="false" data-layout="button_count" data-width="85" data-show-faces="false"></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/all.js#xfbml=1&appId=154072648063392";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

有什么想法吗？谢谢！

【问题讨论】：

标签： facebook facebook-like facebook-javascript-sdk

【解决方案1】：

我不确定您是否提供了足够的信息，但此类问题的一般解决方案是将页面中的“赞”按钮向上移动。

更新：将 clearfix 添加到 like 元素的容器中。

【讨论】：

这将是一种解决方案，但会发生一些其他问题，因为这适用于其他网页。 heyzap.com 和 kippt.com 都是它正常工作的例子（而且他们没有使用任何额外的 JavaScript 来调整页面）。
好的，我明白了。您希望页面向下扩展。你的问题非常模糊。我去了 heyzap.com 并注意到他们的页脚容器（其中包含类似按钮）使用 clearfix。将 clearfix 解决方案应用于您的页面，它可能会起作用。我说可能是因为您几乎没有提供有关您的页面的信息，因此很难确切知道发生了什么。
谢谢，您的 clearfix 想法让我走上了正确的道路。我只是从 table td 元素中删除了 like 按钮，然后将其放回 div 中。它开始工作了。必须应用此 CSS 以使其与推文按钮对齐：stackoverflow.com/a/5252384/76486 谢谢！