Facebook Like 评论框被垂直和水平切断答案

【问题标题】：Facebook Like comment box getting cut off vertically and horizontallyFacebook Like 评论框被垂直和水平切断
【发布时间】：2011-09-20 14:49:19
【问题描述】：

我正试图找出 Facebook Like 评论框被裁剪的原因。我已经尝试将宽度属性更改为比需要的大得多的尺寸。我在我的 fb:like 定义中添加了一个高度属性，即使它看起来不受支持。似乎都没有帮助。

我还在 fb:like 元素正下方的 Comments 元素上放置了“margin-top”样式，以确保它与导致它切断的评论框下方的内容无关。

你可以在这里看到我所说的截图：http://i.stack.imgur.com/y2Fll.jpg

我一直在努力解决这个问题。如果有人可以提供任何帮助，我将不胜感激。谢谢！

【问题讨论】：

【解决方案1】：

确保所有父元素都在其 CSS 定义中设置了溢出：可见。

【讨论】：

【解决方案2】：

我发现，如果您将 iframe 设置为 max-width: 100%;，这将完全与类似 fb 的按钮有关。我改成 iframe { max-width: inherit; }

【讨论】：

【解决方案3】：

一点简单的 CSS 就可以解决问题：

.fb-like iframe {
    max-width: inherit;
}

在您的情况下，可能是父母将其切断，因为在我的情况下，评论框右侧有足够的空间。但是，iframe 应该是绝对定位的，因此不关心整个like box 的父级是什么样的。

【讨论】：

【解决方案4】：

它是一个简单的修复，在代码中有一个高度 62px，但如果您的页面名称是 2 行，则喜欢按钮的一部分将被切断并且高度不会自动更新，我将其更新为 70，现在问题解决了

【讨论】：