html - Facebook iframe(likebox)底部截断

Question

除了 Opera 和 IE10 之外，这似乎在所有浏览器中都会发生(Opera 和 IE10 是吗？) http://jsfiddle.net/puh67/

CSS:

.Facebook,
.Facebook iframe
{
    height: 400px;
}​

HTML:

<div class="Facebook">
  <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FFriskisSvettis-Landskrona%2F299504533446227&width=292&height=395&show_faces=false&colorscheme=light&stream=true&border_color&header=false" scrolling="no" frameborder="0" allowtransparency="true"></iframe>
</div>​

Answer 1

如果页面完全加载，我会建议使用 javascript 调整 iframe 大小...

$("#frame")[0].setAttribute("height", "200");