使用Facebook Javascript SDK + XFBML，我正在实施fb'评论小部件'，正如here所述。
然后，使用fbml行：
<fb:comments href="someurl.com" num_posts="2" width="400"></fb:comments>
使用评论小部件创建iframe。
iframe的高度当然是根据评论的长度而定的;
我需要根据评论小部件的高度对我的页面进行更改。
通过使用
FB.Event.subscribe('xfbml.render')
（我发现它比使用'ready'或'load'更准确）， 但由于跨域限制，我无法获得评论iframe的高度。
有人知道某种解决方案吗？
感谢。
编辑：
解决方法编号1 :(来自http://startdevelopment.blogspot.com/2011/03/issue-with-facebook-comments-box-height.html）：
为您的页面添加样式：
.fb_ltr { height: 400px !important; overflow-y: scroll !important; }
'fb_ltr'是iframe使用的类。这将确保它总是400px高，并添加滚动条滚动内容。
当然，滚动条是丑陋的，所以，还有其他想法吗？
答案 0 :(得分：0)
我使用与你相同的想法，修改了风格，但它会使用min-heigh 请试试这个，
.fb_ltr { min-height:100%; }
答案 1 :(得分：0)
首先，谢谢你的解决方案，Yuval A. 其次，我在这里找到了一个简洁的滚动条样式： CSS scrollbar style cross browser
简而言之就是这段代码：
::-webkit-scrollbar { width: 12px; /* for vertical scrollbars */ height: 12px; /* for horizontal scrollbars */ } ::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.1); } ::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.5); }