如何在 Facebook 上更改高度，如框小部件（iframe）？答案

【问题标题】：How to change height on Facebook like box widget (iframe)?如何在 Facebook 上更改高度，如框小部件（iframe）？
【发布时间】：2012-07-15 20:11:44
【问题描述】：

我正在尝试更改我网站侧边栏上 facebook 之类的框小部件的高度，但是我似乎无法弄清楚要针对什么 css 来执行此操作。我想将其更改为 200 左右。这是当前使用的代码。有任何想法吗？

</div><div id="facebook-likebox-3" class="widget widget_facebook_likebox"><h4 class="Facebook Like Box widget-title"><a href="http://www.facebook.com/noahsdadcom">Like Us On Facebook</a></h4><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fnoahsdadcom&#038;width=300&#038;height=432&#038;colorscheme=light&#038;show_faces=true&#038;stream=false&#038;header=false&#038;force_wall=false" scrolling="no" frameborder="0" style="border: none; overflow: hidden; width: 300px; height: 432px; background: #fff"></iframe></div><div id="text-43" class="widget widget_text">            <div class="textwidget"><div id="cse-search-form" style="width: 100%;">Loading</div>

【问题讨论】：

除非您是控制它的人，否则您无法编辑 iframe 的 css。由于 Facebook 控制此 iframe，因此您无法编辑它的 CSS。
@AdityaSaxena 实际上有办法做到这一点。看看下面的答案。它工作得很好。 :)

标签： css facebook plugins

【解决方案1】：

只需使用!important 在<iframe> 上设置height。

演示： http://jsfiddle.net/ThinkingStiff/TpZ9k/

#facebook-likebox-3 iframe {
    height: 200px !important;
    border-bottom: 1px solid #AAA !important;
}

【讨论】：