看看 this link .向下滚动一点，您应该会看到一个 Facebook 评论插件，其下方有一个嵌入式 Google map 。
我的问题是，评论插件底部和 map 顶部之间有大量空白。 Firebug 指示空白位于评论插件的底部(与 map 顶部相反)。但是，我似乎找不到消除它的方法。
我试过只使用相对 CSS 定位将 map 向上移动 50 像素，但如果碰巧有任何评论，它就会位于评论之上。此外，如果用户关闭了 FB 评论，它也会破坏布局。
关于如何摆脱过多的空白区域有什么想法吗？
更新:虽然此处提供的答案为我指明了正确的方向，但最终却带来了太多麻烦。我只是将 Facebook 评论放在页面底部的 Google map 下方，这在一定程度上掩盖了问题。根据下面的一位评论者的说法，显然这是一个错误，所以我们只能等待修复。
编辑:玩弄这些风格有一段时间了，运气不好。我最初可以根据 Jason 的建议更改框的高度，但我所做的任何事情都会搞砸布局(新评论出现在 map 后面，因为评论区域保持与其原始高度相同的高度，而不是允许 Facebook 动态增长添加评论时其 IFRAME 元素的高度)。还有其他想法吗？
编辑 #2:问题的根源似乎是 Facebook 自动将 200 像素的高度分配给包含评论框的 IFRAME。添加评论时，Facebook 会动态调整 IFRAME 的大小到合适的高度。如果我能找到一种方法使默认的 200px 从 145px 开始，我就能解决我的问题。不确定这是否可能或者为什么 Facebook 会认为 200(任意？)是一个很好的起点。
编辑 #3:我意识到空白来自 Facebook 生成的 IFRAME，具体来说，我对此无能为力。我开始悬赏这个问题是因为:
1) 我很难相信我是唯一对此显示方式有疑问的人。
2) 有没有可能是我配置问题的原因？
3) 还有其他一些我没有想到的解决方法。
希望赏金能鼓励一些有创意的回复!
最佳答案
不要将高度设置为自动，设置溢出...
在 Facebook iframe 上设置 height:110px 和 overflow:auto - 然后评论将动态扩展 iframe 的高度。
在您的 $().ready 函数中弹出这些更改 - 这对我来说很好。
关于javascript - 删除 Facebook 评论插件下方的空白，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/6419602/