Facebook喜欢评论框纵向和横向切断

时间:2011-06-22 17:51:12

标签: facebook comments facebook-like

我正在试图弄清楚为什么Facebook赞评论框会被裁剪掉。我已经尝试将width属性更改为比必要的大得多的大小。我为我的fb添加了一个height属性:就像定义一样,即使它看起来不像是支持的。似乎都没有帮助。

我还在fb:like元素正下方的Comments元素上添加了“margin-top”样式,以确保它与注释框下面的内容没有任何关系,导致它被切断。

您可以在此处查看我正在谈论的内容的屏幕截图:http://i.stack.imgur.com/y2Fll.jpg

我一直在努力解决这个问题。如果有人可以提供任何帮助,我会很感激。谢谢!

4 个答案:

答案 0 :(得分:15)

确保所有父元素都有溢出:CSS定义中的可见集。

答案 1 :(得分:6)

一点点CSS就可以解决问题了:

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

在你的情况下,可能是父母正在切断它,因为在我的情况下,评论框右侧有足够的空间。但是,iframe应该是绝对定位的,因此不关心整个类似框的父级是什么样的。

答案 2 :(得分:0)

我发现如果你将iframe设置为max-width: 100%;,那么完全用fb-like按钮拧紧。我将其更改为iframe { max-width: inherit; }

答案 3 :(得分:0)

它是一个简单的修复,在代码中有一个62px的高度,但是如果你的页面名称是2行,那么类似按钮的部分将会切断并且高度不会自动更新,我将此更新为70,现在是问题解决了