我正在试图弄清楚为什么Facebook赞评论框会被裁剪掉。我已经尝试将width属性更改为比必要的大得多的大小。我为我的fb添加了一个height属性:就像定义一样,即使它看起来不像是支持的。似乎都没有帮助。
我还在fb:like元素正下方的Comments元素上添加了“margin-top”样式,以确保它与注释框下面的内容没有任何关系,导致它被切断。
您可以在此处查看我正在谈论的内容的屏幕截图:http://i.stack.imgur.com/y2Fll.jpg
我一直在努力解决这个问题。如果有人可以提供任何帮助,我会很感激。谢谢!
答案 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,现在是问题解决了